从垂直滑块到水平滑块

时间:2016-06-07 19:52:11

标签: javascript jquery wordpress sliders

我的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 个答案:

答案 0 :(得分:1)

如果在检查元素模式下将方向更改为'horizontal',则需要确保调用resize_venedor_thumbs函数。

看起来它在加载或调整大小时调用(尝试调整大小,因为加载会擦除您的编辑);或者你可以自己在控制台中调用它resize_venedor_thumbs();或者,当然,编辑源并加载页面。