Question

我在页面上有很多图像，有些图像是用css隐藏的额外详细图像，所以它们只能在灯箱中看到。

每组图像都在div内，我遇到的问题是当你访问灯箱时，你可以点击下一步并浏览页面上的所有图片，我不想让用户只能点击下一个/上一个访问该div中的图像，而不是整个页面，这是否可以？

谢谢

Answer 1

我确定您是否可以使用灯箱插件执行此操作，但我使用fancybox插件并使用Javascript显示图像集。

我通过链接显示它们，但您可以轻松修改它。

<a href="Javascript:DisplaySetOne();" title="View Images">View Images</a>

和Javascript

function DisplaySetOne() {


        $.fancybox([
    { 'href': '../Content/A.jpg', 'title': 'A' },
    { 'href': '../Content/B.jpg', 'title': 'B' },
    { 'href': '../Content/C.jpg', 'title': 'C' }
    ], {
        'padding': 0,
        'transitionIn': 'none',
        'transitionOut': 'none',
        'type': 'image',
        'changeFade': 0

    })
    };

Answer 2

我遇到了同样的问题，并希望提供解决方案以供将来参考：

您可以将它们分组到这样的图像集中

<div id="container1">
    <img rel="lightbox[container1]" src="asdf1.png" alt="asdf1_image" />
    <img rel="lightbox[container1]" src="asdf2.png" alt="asdf2_image" />
    <img rel="lightbox[container1]" src="asdf3.png" alt="asdf3_image" />
</div>
<div id="container2">
    <img rel="lightbox[container2]" src="asdf4.png" alt="asdf4_image" />
    <img rel="lightbox[container2]" src="asdf5.png" alt="asdf5_image" />
    <img rel="lightbox[container2]" src="asdf6.png" alt="asdf6_image" />
</div>

当前版本的lightbox及其文档使用data-lightbox属性，我必须在使用版本2.51的遗留应用程序中执行此操作，该版本仍然依赖于rel属性。

jQuery灯箱问题

2 个答案: