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