如何将fancybox导航到下一张图片并返回上一张图片

时间:2014-03-23 11:19:48

标签: jquery fancybox image-gallery

我有一个关于jquery fancybox的非典型问题。我有以下html:

   <a class="fancybox" rel="gallery1" href="content/img/img1.jpg" title="">
        <img src="content/img/img1.jpg" alt="" />
   </a>

   <a class="fancybox" rel="gallery1" href="content/img/img2.jpg" title="">
        <img src="content/img/img2.jpg" alt="" />
   </a>

   <a class="fancybox" rel="gallery1" href="content/img/img3.jpg" title="">
        <img src="content/img/img3.jpg" alt="" />
   </a>

这个简单的标记让我们完成了一些工作。单击作为锚元素的缩略图后,将显示图片。但我希望它的工作方式有所不同 - 当我点击缩略图时,我希望fancybox连续显示下一张图片,然后返回上一张图片,实际上是点击了。我知道这很奇怪,但这是客户的要求,你知道:)

我是jquery的新手,这就是为什么我在做那部分时遇到了问题。我的代码是这样的:

     $(".fancybox").fancybox({
             $(".fancybox").click(function(){$(".fancybox").next().prev()
        });
     });

但这不起作用。伙计们请帮帮我。

0 个答案:

没有答案