业务需求:商品详情页的轮播图太扁,希望可以拉长(增加高度),最好能动态赋予高度。
思路:
①:获取屏幕分辨率的宽度(jQuery -> $(window).width(); )
②:改变轮播图盒子的高度(jQuery -> $(div).css( "height" , "……");)
③:计算高度(jQuery -> $(window).width * 1.07)
④:赋值
具体代码如下:
//动态定义轮播高度
$(div).css("height",$(div).height($window.width() * 1.07));
$(img).css("height",$(img).height($(img).height() * 1.07));

本文介绍了一种根据屏幕分辨率动态调整商品详情页轮播图高度的方法,通过使用jQuery获取屏幕宽度并计算新高度,实现了轮播图的自适应显示。
5417

被折叠的 条评论
为什么被折叠?



