PHP灯箱生成器不起作用,因为未加载灯箱

时间:2016-01-28 14:46:20

标签: javascript php jquery html lightbox

我从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属性。

0 个答案:

没有答案