![[php框架] Smarty基础商品教程 Smarty入门教程 Smarty框架教程 共10课](https://jy.tp.yuanmeng.life/uploads/images/20210319/f47dc487eb949895833cd962fddc6a8b.jpg)
附件
<script type="text/javascript" src="js/jquery.min.js"></script>
<script type="text/javascript" src="js/swiper-3.4.2.jquery.min.js"></script>
<script type="text/javascript" src="js/goods.js" ></script>
<script>
//查找屏幕高度
$("body").css("min-height",document.documentElement.clientHeight)
$(".goodsDetail-picture-cont").css('min-height',$("body").height());
//图片点击 进入更多图片展示
$(".img-cont img").click(function(){
$(".goodsDetail-picture-cont").css('left','50%');
//图片数量
var imgLength = $(".swiper-slide").length
$(".gdp-info-num i").text(imgLength);
})
$(".goodsReturn h2").click(function(){
$(".goodsDetail-picture-cont").css('left','-100%');
})
// 查看全部图片 滑动数字联动
var mySwiper = new Swiper('.swiper-container', {
pagination: '.swiper-pagination',
paginationClickable: true,
//回调函数 具体查看swiper文档
onSlideChangeStart: function(swiper){
//因index是从0开始 所以+1
$(".gdp-info-num span").text(swiper.activeIndex+1);
}
});
</script>*
回帖描述：*
链接类型：*
下载链接：
验证通过自动获取下载链接
*
描述：*
回帖描述：*
链接类型：*
阅读权限：*
下载链接：
微信客服
QQ客服
QQ群
