2016-06-07 491 views
0

我在我的WP頁面上有這個滑塊,它是垂直的。我想將其轉換爲水平。據我瞭解,我需要更改我的JS代碼。從垂直到水平滑塊

jQuery(function($) { 
var image_es; 
var zoom_timer; 
var win_width = 0; 

function resize_venedor_thumbs() { 
if (win_width != $(window).width()) { 
if (image_es) { 
image_es.destroy(); 
} 
image_es = $('#thumbnails-slider-756').elastislide({ 
orientation : 'vertical', 
minItems: 4 
}); 
win_width = $(window).width(); 
} 
if (zoom_timer) clearTimeout(zoom_timer); 
} 
$(window).load(resize_venedor_thumbs); 
$(window).resize(function() { 
clearTimeout(zoom_timer); 
zoom_timer = setTimeout(resize_venedor_thumbs, 400); 
}); 
}); 

我試圖在檢查元素模式下改變垂直到水平,但它根本沒有改變。

+1

您做出更改後是否調整了窗口大小? – Matt

+0

是的,它沒有工作。我只是在代碼編輯器中做了這個,它工作:) – osiic21

回答

1

如果在檢查元素模式下將方向更改爲'horizontal',則需要確保調用resize_venedor_thumbs函數。

它看起來像在加載時調用或調整大小(嘗試調整大小,因爲加載將清除您的編輯);或者你可以自己在控制檯中調用它resize_venedor_thumbs();或者,當然,編輯源代碼並加載頁面。