使缩略图匹配图库的主图像

时间:2012-12-14 15:18:12

标签: jquery

我正在制作一个画廊,并且为了让用户导航它,我希望他能够同时使用缩略图和下一个/上一个按钮。 他们都在工作,但不在一起。

当我打开图库时,它会显示图像编号1.但是,如果我使用缩略图选择图像编号4然后按“下一步”,则会显示图像编号2.因为上一个/下一个按钮正在考虑图像来自主画廊,这是我的#polaroid div。

这是小提琴:http://jsfiddle.net/claudiamarques/KasTN/1/

以下是我怀疑问题可能存在的js:

$("#thumbnails li img").click(function() {

    var thumbnail_caption = $(this).attr('alt');
    var thumbnail_src = $(this).attr('src');

    $("#polaroid img:visible").fadeOut(function() {
        $(this).attr('src', thumbnail_src).fadeIn();
        $("p.caption").text(thumbnail_caption);
    });
});​

我正在改变#polaroid img中的“src”:可见但不知何故不能永久保存它。

有人可以帮帮我吗?

1 个答案:

答案 0 :(得分:0)

如果我是你,我只使用flexslider,所有的工作都是为你完成的,它有很多选择可以解决: http://www.woothemes.com/flexslider/