image condition

js/index.js

@@ -65,7 +65,11 @@ $(".sec-01__slider").slick({
       function renderBannerStr(sec, data) {
         let str = '';
         for(let i = 0; i < data.length; i++){
-            str+= `<div class="${sec}-${i+1} slide-item" onclick="window.open('${data[i]['link']}');" style="background-image: url('${data[i]['imgUrl']}');" data-bg="${data[i]['imgUrl']}"></div>`
+            if(data[i]['webp']) {
+              str+= `<div class="${sec}-${i+1} slide-item" onclick="window.open('${data[i]['link']}');" style="background-image: url('${data[i]['webp']}');" data-bg="${data[i]['webp']}"></div>`
+            } else {
+              str+= `<div class="${sec}-${i+1} slide-item" onclick="window.open('${data[i]['link']}');" style="background-image: url('${data[i]['imgUrl']}');" data-bg="${data[i]['imgUrl']}"></div>`
+            }
         }
         console.log(str);
         $(`.${sec}`).html(str);