Flexslider2에서 html로 디렉토리의 이미지를 자동으로 채우는 방법은 무엇입니까?

Question

나는 하루 종일 검색 중이며 나는 꽤 난처한 상황에 처해있다. 내가 검색 한 모든 것을 시도했지만 성공하지 못했습니다.

이

은

<div id="slider" class="flexslider"> 
     <ul class="slides"> 
     <li><img src="photos/mini-01.jpg"/> 
     <li><img src="photos/mini-02.jpg"/> 
     <li><img src="photos/mini-03.jpg"/> 
     <li><img src="photos/mini-04.jpg"/> 
     </ul> 
</div> 
<div id="carousel" class="flexslider"> 
     <ul class="slides"> 
     <li><img src="photos/mini-01.jpg"/> 
     <li><img src="photos/mini-02.jpg"/> 
     <li><img src="photos/mini-03.jpg"/> 
     <li><img src="photos/mini-04.jpg"/> 
     </ul> 
</div> 

는 내가하고 싶은 것은 자동은 "사진"폴더에 무엇을 기반으로 내 이미지에 대한 라인을 만들 수있을 것입니다 .. 내 문제입니다. 나는이 템플릿을 여러 번 사용하고 매번 사진을 수동으로 입력하고 싶지 않습니다. 노동 집약에 대해 이야기하십시오.

도움을 주시면 감사하겠습니다.

Answer 1

PHP로이를 수행 할 수 있습니다.이 기능은 페이지 상단에서 사용하십시오.

<?php 
function images($dir) { 
$files1 = scandir($dir); 
foreach ($files1 as $x=>$value) 
{ 
    if ($value == "." || $value == ".."){ 
     unset($files1[$x]); 
    } 
} 
foreach ($files1 as $x=>$value) 
{ 

    echo "<li><img src=\"photos/$value\"></li>"; 
} 
} 
?> 

그런 다음 사용하려는 경우 이미지 디렉토리 이름으로 부르기 만하면됩니다.

<ul> 
<?php images (Your photos directory Name here);?> 
</ul>