1

我终于得到了我的代码，可以在使用 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
?>
4

1 回答 1

0

您可能希望使用另一种方法来保护您的缩略图列表：

$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;
于 2013-07-02T05:54:50.293 回答