Javascript PHP lightbox生成器无法工作,因为未加载lightbox
我从谷歌那里得到了一个简单的图库生成器脚本,它可以扫描一个目录,并且应该为每个图像生成一个具有灯箱效果的图库。除了它不工作,我只看到图像的名称,我可以点击它,但没有灯箱效果 这就是我得到剧本的地方: 我看到这个网站是2008年的,所以这个脚本可能非常古老,但它是我能找到的唯一一个简单的脚本 在添加了之后,我开始添加php脚本 这是我在我的图库页面上包含的PHP脚本:Javascript PHP lightbox生成器无法工作,因为未加载lightbox,javascript,php,jquery,html,lightbox,Javascript,Php,Jquery,Html,Lightbox,我从谷歌那里得到了一个简单的图库生成器脚本,它可以扫描一个目录,并且应该为每个图像生成一个具有灯箱效果的图库。除了它不工作,我只看到图像的名称,我可以点击它,但没有灯箱效果 这就是我得到剧本的地方: 我看到这个网站是2008年的,所以这个脚本可能非常古老,但它是我能找到的唯一一个简单的脚本 在添加了之后,我开始添加php脚本 这是我在我的图库页面上包含的PHP脚本: <? /** * @package Lightbox Images Gallery Display * @author
<?
/**
* @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输出(一个库项目):
编辑:
此外,我还应该补充一点,我在PHP脚本中编辑了以下行:
从
echo”
致:
echo”
因为在lightbox的文档中,它说需要添加
数据lightbox
属性。那么您生成的html是什么样子的呢?你在那里做了大量的字符串损坏/操作。你确定从那里出来的html是正确的吗?是的,这个代码非常古老/糟糕。有比查找
和进行子字符串提取更好的方法来确定文件扩展名,例如,我在问题中添加了html输出。您可能想尝试手动编写一个带有一个lightbox链接的文件,让它工作,并将结果与循环创建的内容进行比较。@Burki我会这样做,如果不起作用,请返回这里。@Burki我添加了以下行
,这是库项目的“硬编码”版本。但它仍然只显示图像的标题,而不是图像本身。因此,这可能是jquery或lightbox文件未正确加载的原因。我不知道我做错了什么,所有的文件都包含在一个header.php文件中,该文件包含在gallery页面上。那么您生成的html是什么样子的呢?你在那里做了大量的字符串损坏/操作。你确定从那里出来的html是正确的吗?是的,这个代码非常古老/糟糕。有比查找
和进行子字符串提取更好的方法来确定文件扩展名,例如,我在问题中添加了html输出。您可能想尝试手动编写一个带有一个lightbox链接的文件,让它工作,并将结果与循环创建的内容进行比较。@Burki我会这样做,如果不起作用,请返回这里。@Burki我添加了以下行
,这是库项目的“硬编码”版本。但它仍然只显示图像的标题,而不是图像本身。因此,这可能是jquery或lightbox文件未正确加载的原因。我不知道我做错了什么,所有文件都包含在一个header.php文件中,该文件包含在gallery页面上。
<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>
echo "<a href='".$image_dir.$image_file."' rel='".$rel."'>
echo "<a href='".$image_dir.$image_file."' data-lightbox='".$rel."'>