循环jQuery插件,图像可以直观地双向滑动吗？

Question

我正在使用这里找到的jQuery循环插件:http://jquery.malsup.com/cycle/

它运作良好.我的客户想要一个<div>包含图像和文本等的s 列表在首页上水平滑动.但她也希望我使用上一个和下一个选项在两侧都有箭头来控制滑动面板.

这是我正在使用的jQuery插件调用:

$('#slidingpanelscontent').cycle({ 
    fx: 'scrollLeft',
    next: "#sliding_next",
    prev: "#sliding_prev",
    timeout: 6000,
    speed: 800
});

它在很大程度上起作用.单击右箭头(#sliding_next)时,当前面板向左滚动以显示下一个面板.但是,当您单击向左箭头(#sliding_prev)时,当前面板仍会向左滚动以显示上一个图像.

换句话说,显示正确的图像,但动画是反直觉的,并且会引导用户相信正在显示NEXT面板,而不是移回到前一个面板.

任何人都知道使用这个插件克服这个问题的方法吗？

Answer 1

使用fx:'scrollHorz'而不是fx:'scrollLeft'.这样,动画将同时工作.希望这有帮助:)