Jquery图像库,用于左右导航

时间:2016-07-29 08:52:35

标签: jquery css

我有这个使用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;   
        });
    });

1 个答案:

答案 0 :(得分:0)

通过在http://mcristuta.site40.net/Image_Gallery/

为上一个和下一个按钮创建自己的编程逻辑来解决我的问题