layui轮播图根据图片自适应的实现方法

5166 阅读量 | 栏目: 站长动态 | 作者: clin | 时间:2022-03-31 12:43:07 | 评价: 1条
layui.use(['carousel'], function () {
$ = layui.$;
var carousel = layui.carousel;
var i = 0
var ins   
var widthView =  document.body.clientWidth;
width = 1920 //获取宽度
height = 500 //获取高度
bili = widthView / width;
height = height *  bili;
console.log(height);
ins = carousel.render({
    elem: '#flash',
    width: "100%", //设置容器宽度q
    height: height,
    arrow: 'hover', //始终显示箭头
    anim: 'default', //切换动画方式
    autoplay: false
});
});

 

来源:薇薇博客博客 微信:weicheng0526 ,转载请注明出处!
本文地址:https://blog.yousouji.com/13.html
在线留言 做同款博客或定制博客联系 QQ:343420553 微信:weicheng0526
网友评价 评价需要后台审核过后方可显示,禁止违反法律法规

游客    2022-04-09 20:59:50

我想做一个,怎么联系