我从google获得了一个简单的图库生成器脚本,用于扫描目录,并且应该为每个图像生成一个带有灯箱效果的图库。除了它不起作用,我只看到图像的名称,我可以点击它,但没有灯箱效果。
This是我获得剧本的地方:
我看到网站是从2008年开始的,所以这个剧本可能非常陈旧,但这是我能找到的唯一一个简单的。
我添加lightbox files后,我开始添加php脚本。
这是我在图库页面中包含的PHP脚本:
<?
/**
* @package Lightbox Images Gallery Display
* @author Gary Hollands 2009 - http://www.solriche.co.uk/
* Partly plagiarised from SimpleView Gallery Deluxe v2.1 - http://www.chromasynthetic.com/
* @version 1.0
* @copyright GNU General Public License, http://www.gnu.org/licenses/gpl.html
* @tutorial This function searches a directory for files with specified image extensions and outputs them as HTML links.
* Thumbnail files can also detected and excluded from listing.
*/
function lightbox_display($dir_to_search, $rel){
$image_dir = $dir_to_search;
$dir_to_search = scandir($dir_to_search);
$image_exts = array('gif', 'jpg', 'jpeg', 'png');
$excluded_filename = '_t';
foreach ($dir_to_search as $image_file){
$dot = strrpos($image_file, '.');
$filename = substr($image_file, 0, $dot);
$filetype = substr($image_file, $dot+1);
$thumbnail_file = strrpos($filename, $excluded_filename);
if ((!$thumbnail_file) and array_search($filetype, $image_exts) !== false){
echo "<a href='".$image_dir.$image_file."' data-lightbox='".$rel."'>
<img src='".$image_dir.$filename."_t.".$filetype."' alt='".$filename."' width='100' height='80' title=''/>
</a>"."\n";
}
}
}
?>
在我添加脚本之后,我将以下行添加到应该加载图库的页面中:
<?
lightbox_display('images/', 'lightbox[lightboxname]');
?>
有人看到我错过了什么吗?
这是页面上的html输出(一个图库项目):
<a href="images/Chevron-001.jpg" data-lightbox="lightbox[lightboxname]">
<img src="images/Chevron-001_t.jpg" alt="Chevron-001" title="" height="80" width="100">
</a>
编辑:
另外我应该补充一点,我在PHP脚本中编辑了以下行:
这
echo "<a href='".$image_dir.$image_file."' rel='".$rel."'>
要:
echo "<a href='".$image_dir.$image_file."' data-lightbox='".$rel."'>
因为在灯箱的文档中,它说需要添加data-lightbox
属性。