Поместите изображения из папки в список с предварительным просмотром

Question

Мне нужно создать плагин для динамической галереи изображений для Joomla! который войдет в определенную папку и вытащит все изображения из папки и покажет первый из них в виде большого изображения предварительного просмотра, а остальное в списке. Впоследствии мне нужно будет сделать изображение предварительного просмотра открытым в лайтбокс, если щелкнут, и в лайтбокс мне нужно также иметь маленькие миниатюры из перечисленных изображений.

Но знаю, что мне нужно только php, чтобы перейти в папку и вытащить все изображения из указанной папки. Я немного искал Google и нашел какое-то решение, но это не работает по какой-то причине, я не понимаю. Может ли кто-нибудь сказать мне, пожалуйста, что не так с кодом?

Спасибо!

<div id="images"> 
     <?php 
     $images_dir = 'images/'; 
     $scan = scandir($images_dir); 
     echo '<img src="' . $images_dir . $scan[2] . '"alt="image" />'; 
     ?> 
     <ul id="smallimages"> 
     <?php 
     for($i=0; $i<count($scan); $i++){ 
      $ext = substr($scan[$i], strpos($scan[$i], '.'), strlen($scan[$i]-1)); 
     $filetypes = array('.jpg', '.JPEG', '.jpeg'); 
     if(in_array($ext, $filetypes)){ 
      echo '<li><a href="' . $images_dir . $scan[$i] . '"><img src="' . $images_dir . $scan[$i] . '" alt="' . $scan[$i] . '"></a></li>';}   }?></ul> 

</div> 

Answer 1

Я думаю, это потому, что вы не определили путь правильно. Попробуйте использовать следующее:

$images_dir = JUri::root() . 'plugins/content/plg_new/images'; 

JUri::root() корень вашего сайта Joomla так изменить путь от там, соответственно, где когда-либо ваших изображений расположены

Надеются, что это помогает

Answer 2

ли эту работе для ты?

<?php 
$image_directory="hrevert/images/"; 
$pictures = glob("$image_directory*.{gif,jpg,png}", GLOB_BRACE); 

//displays the first image 
$first_img=reset($pictures); 
echo "<img src=\"".$first_img."\" width='20px' />"; 


//loops through other images and prints them 
echo "<ul>"; 
foreach($pictures as $picture) { 

    echo "<a href='$picture'><img src=\"".$picture."\" width='20px' /></a>"; 
} 
echo "</ul>" 
?>