jQuery手机移动端商品评论晒图代码免费下载

jQuery手机移动端商品评论晒图代码,评论列表页面代码,点击图片放大查看,左右箭头按钮控制切换。

JS代码

<script src="js/jquery.min.js"></script> 
<script> 
    $('.discuss-print ul li').height($('.discuss-print ul li').width()); 
    $('.evaluate .b-banner').height($('.evaluate .b-banner').width()); 
    /*弹框大图*/ 
    $('.gb-btn').click(function () { 
        $('.Picture').hide(); 
        $('body').css('overflow',''); 
    }); 
    var imgNum = $(".discuss-print ul li").length; 
    var index =0; 
    function selectimg(index) { 
        $('.discuss-print ul li').removeClass('on'); 
        $(".discuss-print ul li").eq(index).addClass("on"); 
        $('.theme').height($('.theme img').height()); 
        $('.theme img').attr('src',$('.discuss-print .on').find('img').attr('src')); 
    } 
    /*点击列表图*/ 
    $('.discuss-print ul li').click(function () { 
        $('body').css('overflow','hidden'); 
        index = $(".discuss-print ul li").index(this); 
        $('.discuss-print ul li').removeClass('on'); 
        $(this).addClass("on"); 
        $('.discuss-print ul li img').css('display','block'); 
        $('.Picture').show(); 
        $('.theme img').attr('src',$('.discuss-print .on').find('img').attr('src')); 
        $('.theme').height($('.theme img').height()); 
    }); 
    $(".mine").click(function(){ 
        index --; 
        if(index < 0){ 
            index = imgNum-1; 
            selectimg(index); 
        } 
        selectimg(index); 
    }); 
    $(".Next").click(function(){ 
        index ++; 
        if( index > imgNum-1){ 
            index = 0; 
            selectimg(index); 
        } 
        selectimg(index); 
    }); 
</script>
恭喜,此资源为免费资源,请先
本站大部分下载资源收集于网络,只做学习和交流使用,版权归原作者所有! 若您需要使用非免费的软件、源码或服务,请购买正版授权并合法使用! 本站发布的内容若侵犯到您的权益,请联系站长删除,我们将及时处理! 本站所有资源均是收集而来,资源均不包含技术支持和安装服务!点击下载视为同意资源仅限学习使用。
打赏
下载价格:免费
下载说明:本站大部分下载资源收集于网络,只做学习和交流使用,版权归原作者所有! 若您需要使用非免费的软件、源码或服务,请购买正版授权并合法使用! 本站发布的内容若侵犯到您的权益,请联系站长删除,我们将及时处理! 本站所有资源均是收集而来,资源均不包含技术支持和安装服务!点击下载视为同意资源仅限学习使用。
0

评论0

请先

没有账号? 忘记密码?

社交账号快速登录