头像

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

来源:/js/3976 素材火管理员 2018-10-10 11:55浏览(132) 收藏

jQuery手机移动端商品评论晒图代码,评论列表页面代码,点击图片放大查看,左右箭头按钮控制切换。
jQuery手机移动端商品评论晒图代码
分类:图片代码 > 九宫格 难易:初级

程序员,你不是一个人;网站开发QQ群:698377651,在线充值,或联系QQ3401083589直接充值

查看演示 下载资源: 2

手机扫码访问:

下载资源 下载积分: 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>
标签: 评论晒图
最新交易
评论1
头像

系统已开启自动识别垃圾评论机制,识别到的自动封号,下载出错或者资源有问题请联系全栈客服QQ 3401083589

  • 头像 沙发
    10-10 14:56
    AJ***on
    十分实用的,谢谢分享!
1 2
博聚网