用于左右导航的 Jquery 图像库

Question

我有这个使用 jquery 的图片库，我应该从头开始创建。我不能从左右导航的一部分开始，它应该导航到全视图预览的每个图像，并在右侧的右侧缩略图图标上为当前选定的图像提供一个活动类。

我已经做了这样的部分，只要点击右侧的图像，它就会在左侧以全视图显示。

除了将活动类放在当前图像上之外，请帮助我进行左右导航。我实际上开始使用它，但它不会在所有图像中都通过。

这里是小提琴链接：http://jsfiddle.net/ftLnpp0z/

    $('#rightnav').click(function (e) {
        e.preventDefault();
        var newsrc = $('.img').next().attr("src");
        $('#imgfullview').attr('src', newsrc).load(function(){
            this.width;   
        });
    });

    $('#leftnav').click(function (e) {
        e.preventDefault();
        var newsrc = $('.img').prev().attr("src");
        $('#imgfullview').attr('src', newsrc).load(function(){
            this.width;   
        });
    });

    $('.img').click(function () {
        $(".img.active").removeClass("active");
        $(this).addClass("active");
        var newsrc = $(this).attr("src");

        $('#imgfullview').attr('src', newsrc).load(function(){
          this.width;   
        });
    });

Answer 1

通过在http://mcristuta.site40.net/Image_Gallery/为上一个和下一个按钮创建我自己的编程逻辑来解决我的问题