Question

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

当我打开图库时，它会显示图像编号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”：可见但不知何故不能永久保存它。

有人可以帮帮我吗？

Answer 1

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

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

1 个答案: