Retina.js에서 PHP Glob을 사용하면 @ 2x를 포함한 모든 이미지를 가져옵니다.

Question

내 포트폴리오 사이트에 http://retinajs.com/ (Retina.js)을 사용하고 있습니다. Retina.js는 @ 2x 이미지가 동일한 파일 이름과 확장명을 사용하는 동일한 디렉토리에 있어야합니다. 예를 들어, retina.js가 장치가 상위 DPI를 사용하고 있음을 발견하면 image01.jpg가 image01@2x.jpg로 바뀝니다.

내 문제는 또한 PHP glob 함수를 사용하여 디렉토리 내의 모든 이미지 파일을 검색하고 페이지에 표시한다는 것입니다. 즉, 일반 72 dpi 화면에서도 @ 2x 이미지를 동시에 가져옵니다. 그러나 @ 2x 이미지는 더 높은 DPI가있는 화면에서만로드됩니다.

내 간단한 PHP 코드는 다음과 같습니다 함께 retina.js와 PHP의 글로브 작품을 만드는 방법이

$files = glob('images/projects/'.$filename.'/*.{jpg}', GLOB_BRACE); 

    foreach($files as $file) { 

     echo '<img src="'.$file.'" title="'.$title.'" />'; 

    } 

있습니까? 내 목표는 정상적인 72dpi 화면에 대한 @ 2x 이미지를 제외한 디렉토리 내의 모든 이미지를 가져 오는 것입니다.

미리 감사드립니다.

Answer 1

간단한 방법 :

foreach($files as $file) { 
    //check that the file doesn't have @2x in the name. 
    if(strpos($file, '@2x')===false){ 
     echo '<img src="'.$file.'" title="'.$title.'" />'; 
    } 
}