从垂直到水平滑块答案

【问题标题】：From vertical to horizontal slider从垂直到水平滑块
【发布时间】：2016-10-07 20:58:16
【问题描述】：

我的 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);
});
});

我尝试在检查元素模式下将垂直更改为水平，但它根本没有改变。

【问题讨论】：

更改后是否调整了窗口大小？
是的，它没有用。我只是在代码编辑器中直接做到了，它起作用了:)

标签： javascript jquery wordpress sliders

【解决方案1】：

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

它看起来像是在加载或调整大小时调用（尝试调整大小，因为加载会删除您的编辑）；也可以自己在控制台调用resize_venedor_thumbs()；或者，当然，编辑源代码并加载页面。

【讨论】：