2024年12月12日 建站教程
//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');
})
本文链接：http://so.lmcjl.com/news/19408/