用于左右导航的 jquery 图片库

Question

我有一个使用 jquery 的图片库，我应该从头开始创建它。我无法从左右导航的一部分开始，其中它应该导航到每个图像以全 View 预览并在右侧的右侧缩略图图标上为当前所选图像提供事件类。

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

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

这是 fiddle 链接: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/ 为上一个和下一个按钮创建我自己的编程逻辑来解决我的问题