jQuery手机移动端商品评论晒图代码

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

分类：图片代码 > 九宫格难易：初级

查看演示下载资源下载积分： 20 积分

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>