【问题标题】:using lightbox with code igniter使用带有 codeigniter 的灯箱
【发布时间】:2010-06-22 18:27:58
【问题描述】:

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

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

我以前使用过灯箱,并且一直都能正常工作,但我不确定现在问题出在哪里,我尝试将文件移动到不同的位置,但没有任何效果。

提前致谢!

【问题讨论】:

    标签: php javascript codeigniter lightbox lightbox2


    【解决方案1】:

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

    【讨论】:

    • 所有这些链接都有效...我得到的唯一错误是 Preferences element.dispatchEvent 不是下载文件中的函数。
    • 您是否在同一页面上使用 jQuery?如果是这样,您需要将 jQuery 设置为 noConflict 否则它会覆盖原型 $ 函数。
    • 是的...这就是问题所在。谢谢!
    • 没问题。介意检查答案作为解决方案,以便人们知道是这样吗?谢谢!
    猜你喜欢
    • 2011-03-12
    • 2011-10-09
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2015-03-03
    相关资源
    最近更新 更多