Question

我在标准的html文档中运行Lightbox v2.03.3。实际上，该文件具有.php扩展名，但仅仅因为我使用的是php包含。无论如何，此页面上的大多数图像都设置为使用灯箱来显示它们。

我确认上传灯箱文件，从正确的文件夹中调用，然后正常工作。每个被调用的图像实际上都在那里。

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

<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>

并且此代码附加到页面上的每个大部分图像。

<a href="images/SilverSpur2015/EarlHolliman.jpg"
rel="lightbox[closeup]" title="Earl Holliman">

问题在于，当我点击图像时，它只是显示图片，好像我在代码中没有任何灯箱命令。

您可以在http://www.reelcowboys.org/index_new.php

查看实际页面

想法？

Answer 1

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

<a href="images/SilverSpur2015/EarlHolliman.jpg" data-lightbox="insert-set-name-here" rel="lightbox[closeup]" title="Earl Holliman">

Lightbox2不起作用

1 个答案: