Лайтбокс отображает несколько изображений из каталога

Question

Я не могу найти ответ (который работает) на это в любом месте в Интернете.

Я пытаюсь получить Лайтбокс для загрузки изображений из каталога, поскольку они будут часто обновляться.

Если кто-то может исправить то, что я делаю неправильно, или у вас есть решение с использованием PHP или скрытого div, заполненного автоматически определенным каталогом, было бы очень полезно.

Вот что я придумал, но, похоже, не работает;

<?php $dirname = "img/love/"; $images = glob($dirname."*.jpg"); foreach($images as $image) { echo '<img data-lightbox="love" src="'.$image.'" /><br />'; } ?> 

и вот моя тестовая страница: http://knowledgeoverfame.com/tslp/leet/alt/index.html

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

Спасибо !

Answer 1

Попробуйте использовать scandir(), чтобы получить массив ваших файлов изображений.

Пример:

<?php 
    $images = scandir($your_folder); 
    foreach ($images as $key => $filename) { 
    if ($key > 1) { //ignores the first two values which refer to the current and parent directory 
    echo '<img data-lightbox="love" src="'.$your_folder."/".$filename.'" /><br />'; 
    }  
    } 
?> 

для справки: PHP scandir()

Answer 2

То, что вы хотите сделать - использовать осветитель для отображения изображений из папки - это проблема, которая была решена много раз с разной степенью сложность. Если вы выполните поиск в Google для чего-то вроде «галереи изображений php», вы найдете образцы сценариев. Я сделал это примерно год назад, и после некоторых экспериментов я выбрал Minigal Nano, поскольку он был мощным скриптом, но достаточно простым, чтобы его было легко увидеть, как он работает, а затем перерабатывать для моего собственного использования. Я также нашел это эффективным способом изучения php.

Answer 3

Этот скрипт вытащит изображения из каталога. Я использовал его с fancybox, но вы можете изменить его в соответствии с вашими потребностями.

<?php 
$directory = 'yourDirectory/gallery/thumbs'; //where the gallery thumbnail images are located  
$files = glob($directory."/*.{jpg,jpeg,gif,png}", GLOB_BRACE); 
natsort($files); //sort by filename 
?> 

<?php 
for($x = 0; $x < count($files); $x++){ 
$thumb = $files[$x]; 
$file = basename($thumb); 
$nomargin = $x%4 == 0?" nomargin":""; 
$title = htmlspecialchars($file); 
?> 
    <div class="thumbs fancybox<?= $nomargin ?>" style="background:url('<?= $thumb ?>') no-repeat 50% 50%;"> 
     <a rel="group" href="yourDirectory/gallery/<?= $file ?>"></a> 
    </div> 
<?php 
}//end for loop 
?>