fix slider img height

themes/hugo-universal-theme-master/static/js/bhouse.js

@@ -23,36 +23,40 @@ $(window).resize(function () {
 let imgCount = $(".slide_single_img").length;
 let heightImg = [];
 
-window.onload = function() {
+window.onload = function () {
   console.log('onload');
-  $('.slide_single_img').each(function (i,array) { // jquery.each() 循環讀取所有圖片
-    
+  $('.slide_single_img').each(function (i, array) { // jquery.each() 循環讀取所有圖片
+
     let height = $(this).height();
     let width = $(this).width();
     let x = (height / width);
     console.log('height / width = ', x);
     if (x >= 1) {
-      if (i===0) {
-        return;
+      if (i === 0) {
+        $(this).css({
+          'height': 500 + 'px',
+          "margin": 'auto',
+        });
+      } else {
+        // 預設高度為 0
+        $(this).css({
+          'height': 0 + 'px',
+          "margin": 'auto',
+        });
       }
       heightImg.push($(this));
-      // 預設高度為 0
-      $(this).css({
-        'height': 0 + 'px',
-        "margin": 'auto',
-      });
     }
 
-    if (i === imgCount-1) {
+    if (i === imgCount - 1) {
       $('#slider-loading').addClass("slider_loading");
       $('.style_house_sec02').css("height", "auto");
       $('.style_house_sec02 .content').css('opacity', '1');
-      
+
     }
   });
-  
+
   let heightImgIndex = [];
-  
+
   function getAllIndex(arr) {
     // 篩選符合條件 Index
     for (i = 0; i < arr.length; i++) {
@@ -63,7 +67,7 @@ window.onload = function() {
   }
   let allSlideImg = document.querySelectorAll('.slide_single_img');
   getAllIndex(allSlideImg);
-  
+
   // 取得 slick 當前的 Index
   $('.style_house_sec02 .slider').on('beforeChange', function (event, slick, currentSlide, nextSlide) {
     for (i = 0; i < heightImgIndex.length; i++) {
@@ -78,7 +82,7 @@ window.onload = function() {
       }
     }
   });
-  
+
   $('.slide_img').each(function () { // jquery.each() 循環讀取所有圖片
     var height = $(this).height();
     var width = $(this).width();
@@ -225,15 +229,15 @@ $('.furniture_design_content .slider-nav').slick({
 // 外部連結
 let fb_link = `https://www.facebook.com/sharer.php?u=${location.href}`;
 let collection_icon_fb = document.getElementById('collection_icon_fb');
-$("#collection_icon_fb").attr("href",fb_link);
+$("#collection_icon_fb").attr("href", fb_link);
 
 let line_link = `http://line.naver.jp/R/msg/text/?${location.href}`;
 let collection_icon_line = document.getElementById('collection_icon_line');
 
-$("#collection_icon_line").attr("href",line_link);
+$("#collection_icon_line").attr("href", line_link);
 
 // blog 分類篩選
 function getCategories(item) {
   // 將分類名稱儲存至 localStorage
-  localStorage.setItem('category',item);
+  localStorage.setItem('category', item);
 }