jQuery灯箱问题

Question

我在页面上有许多图片，有些图片用css隐藏了额外的详细图片，所以它们只能在灯箱中可见。

This can be seen here.

每一组图片是一个div内，我的问题是，当你访问收藏夹，你可以点击旁边并办理所有图片的页面上，我wan't用户只能点击next/previous来访问该div内的图像，而不是整个页面，这是否可以做到？

谢谢

Answer 1

我敢肯定，如果你可以用灯箱插件做到这一点，但我使用使用Javascript图像的fancybox插件和显示设置。

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

<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

我只是碰到了同样的问题，希望为未来的参考解决方案：

，你可以将它们组合成imagesets这样

<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属性和d我必须在使用版本2.51的遗留应用程序中执行此操作，该版本仍依赖于rel属性。