业务需求:商品详情页的轮播图太扁,希望可以拉长(增加高度),最好能动态赋予高度。
思路:
①:获取屏幕分辨率的宽度(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));