0

我正在尝试将Lightbox与我的 CodeIgniter 应用程序一起使用。Lightbox 说要在 head 标签中添加以下内容:

<script type="text/javascript" src="js/prototype.js"></script>
<script type="text/javascript" src="js/scriptaculous.js?load=effects,builder"></script>
<script type="text/javascript" src="js/lightbox.js"></script>
<link rel="stylesheet" href="css/lightbox.css" type="text/css" media="screen" />

我已经有一个 js 文件夹和一个 css 文件夹,所以我将 lightbox 附带的 js 和 css 文件夹放在了我的 js 和 css 文件夹中。我将 3 个脚本标签和链接标签更改为:

<script type="text/javascript" src="js/js/prototype.js"></script>
<script type="text/javascript" src="js/js/scriptaculous.js?load=effects,builder"></script>
<script type="text/javascript" src="js/js/lightbox.js"></script>
<link rel="stylesheet" href="css/css/lightbox.css" type="text/css" media="screen" />

(添加了 /js 和 /css)

在我的视图文件中

<a href="http://www.doublediamondllc.com/uploaded/portfolio/<?php echo $row->Thumb;?>" rel="lightbox"><img name="<?php echo $row->Thumb;?>" src="http://www.doublediamondllc.com/uploaded/portfolio/thumbs/<?php echo $row->Thumb;?>"   alt=""></a> 

这将显示缩略图版本,然后单击时我希望它转到灯箱,但现在它转到带有大图像的新选项卡。

我以前使用过灯箱,并且总是让它工作,我不太确定现在的问题是什么,我尝试将文件移动到不同的位置,但没有任何效果。

提前致谢!

4

1 回答 1

1

似乎 .js 没有正确加载。尝试使用Firebug,看看是否弹出任何错误。或者,检查页面源中的链接,并确保它们正确指向灯箱 js 文件。如果您使用的是 Firefox,请查看源代码;js 文件的链接应该显示为可点击的链接;单击它们并确保出现 js 文件,而不是 404 或其他错误。否则,将链接属性复制并粘贴到浏览器并检查 .js 路径是否正确。

于 2010-06-22T18:52:34.273 回答