//Bootstrap4轮播图
$(function () {
$(window).on('resize', () => {
//1.获取窗口宽带
let clientW = $(window).width;
//2.设置临界点
let isShowBigImage = clientW >= 900;
//3.获取div下的所有内容
let $allItem = $("#");
//4.遍历
$allItem.each((index, item) => {
//4.1取出图片的路径进行判断
let src = isShowBigImage ? $(item).data('lg-img') : $(item).data('sm-img');
let imgUrl = src
//4.2设置背景
$(item).css({
backgroundImage: imgUrl
})
//创建img标签
if(!isShowBigImage){//大屏幕
//``中传img
let imgEle = ``
$(item).empty().append(imgEle)
}else{//小屏幕
$(item).empty()
}
})
});
//自动触发
$(window).trigger('resize');
})
标签： js代码
上面是“Bootstrap4轮播图js代码”的全面内容，想了解更多关于 js 内容，请继续关注web建站教程。
当前网址：https://m.ipkd.cn/webs_163.html
声明：本站提供的所有资源部分来自互联网，如果有侵犯您的版权或其他权益，请发送到邮箱：admin@ipkd.cn，我们会在看到邮件的第一时间内为您处理！
