Question

我终于使用fancybox从代码填充库中的代码。这是一个基本的缩略图库，可在点击时显示较大的图像。唯一的问题是它丢失了缩略图目录中的大量文件。

代码检索较大图像的所有链接，但它不会检索所有缩略图，只检索其中的一些，并且它们甚至不是有序的。

我的代码有什么问题？

<?php
$directory = 'thumb';   //where the gallery thumbnail images are located
$allowed_types=array('jpg','jpeg','gif','png');//allowed image types
$file_parts=array(); $ext=''; $title=''; $i=0;//try to open the directory 
$dir_handle = @opendir($directory) or die("There is an error with your image directory!");
while ($file = readdir($dir_handle))    //traverse through the files 
{ if($file=='.' || $file == '..') continue; //skip links to the current and parent  directories 
$file_parts = explode('.',$file); //split the file name and put each part in an array
$ext = strtolower(array_pop($file_parts));  //the last element is the extension 
$title = implode('.',$file_parts); //once the extension has been popped out, all that   is left is the filename
$title = htmlspecialchars($title);  //make the filename html-safe to prevent potential    security issues 
natsort($file_parts); //sort by filename--NOT WORKING
$nomargin='';
if(in_array($ext,$allowed_types))   //check if the extension is an allowable type
{
if(($i+1)%4==0) $nomargin='nomargin';   //the last image on the row is assigned the CSS class "nomargin" 

//Begin thumbs containers with fancybox class 
echo '<div class="thumbs fancybox '.$nomargin.'"   style="background:url('.$directory.'/'.$file.') no-repeat 50% 50%;"> <a rel="group" 
href="images/'.$file.'" title="'.$title.'">'.$title.'</a> 
</div>'; 
$i=0; //increment the image counter 
} } closedir($dir_handle); //close the directory
?>

Answer 1

您可能希望使用其他方法来保护缩略图列表：

$directory = 'thumb';   //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="images/'.<?= $file ?>" title="<?= $title ?>"><?= $title ?></a> 
</div>
<?php
endfor;

图库缺少目录中的文件 - 如何从目录中检索所有文件

1 个答案: