首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >Lightbox2不工作

Lightbox2不工作
EN

Stack Overflow用户
提问于 2015-07-24 07:38:14
回答 1查看 1.6K关注 0票数 0

我在一个标准的html文档中运行Lightboxv2.03.3。实际上,这个文件有一个.php扩展名,但这只是因为我使用的是php include。无论如何,这个页面上的大多数图像都设置为使用lightbox来显示它们。

我验证了lightbox文件是否已上传,是否从正确的文件夹调用,以及是否正常工作。被调用的每个图像实际上都在那里。

我在我的网页的头部分有以下代码。

代码语言:javascript
复制
<link rel="stylesheet" href="/Scripts/LightBox/css/lightbox.css"
type="text/css" media="screen" /> <script type="text/javascript"
src="/Scripts/LightBox/js/prototype.js"></script> <script
type="text/javascript"
src="/Scripts/LightBox/js/scriptaculous.js?load=effects"></script>
<script type="text/javascript"
src="/Scripts/LightBox/js/lightbox.js"></script>

<script>
    lightbox.option({
      'resizeDuration': 200,
      'wrapAround': true
    }) </script>

这段代码被附加到页面上的大多数图像上。

代码语言:javascript
复制
<a href="images/SilverSpur2015/EarlHolliman.jpg"
rel="lightbox[closeup]" title="Earl Holliman">

问题是,当我点击一张图片时,它只是显示图片,就像我在代码中没有任何lightbox命令一样。

你可以在http://www.reelcowboys.org/index_new.php上看到实际的页面

想法?

EN

回答 1

Stack Overflow用户

发布于 2015-08-31 03:42:13

您需要将data-lightbox属性添加到元素。

代码语言:javascript
复制
<a href="images/SilverSpur2015/EarlHolliman.jpg" data-lightbox="insert-set-name-here" rel="lightbox[closeup]" title="Earl Holliman"> 
票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/31599863

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档