使用带代码点火器的灯箱

时间:2010-06-22 18:27:59

标签: php javascript codeigniter lightbox lightbox2

我正在尝试将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> 

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

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

提前致谢!

1 个答案:

答案 0 :(得分:1)

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