//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://ipkd.cn/webs_163.html
workflows工作流
文生图工作流:一幅海底睡莲,碧海蓝天comfyui工
一个可爱的口袋妖怪ComfyUI工作流
晚上樱花狐狸ComfyUI工作流
羚羊安上小白兔的门牙ComfyUI工作流
池塘边的大熊猫ComfyUI工作流
红伞伞蓝杆杆云南蘑菇群ComfyUI工作流
ai图片扩大comfyui工作流
一张皮卡丘向观众眨眼的逼真照片ComfyUI工作流
猜你喜欢
声明:本站提供的所有资源部分来自互联网,如果有侵犯您的版权或其他权益,请发送到邮箱:admin@ipkd.cn,我们会在看到邮件的第一时间内为您处理!