我正在使用此处找到的 jQuery 循环插件:http://jquery.malsup.com/cycle/
效果很好。我的客户想要一份 <div>
的列表包含图像和文本等的内容可在首页水平滑动。但她还希望我使用上一个和下一个选项在两侧都有箭头来控制滑动面板。
这是我正在使用的 jQuery 插件调用:
$('#slidingpanelscontent').cycle({
fx: 'scrollLeft',
next: "#sliding_next",
prev: "#sliding_prev",
timeout: 6000,
speed: 800
});
它在大多数情况下都有效。当您单击向右箭头 (#sliding_next) 时,当前面板会向左滚动以显示下一个面板。但是,当您单击向左箭头 (#sliding_prev) 时,当前面板仍会向左滚动以显示上一个图像。
换句话说,显示了正确的图像,但动画是违反直觉的,并且会导致用户相信正在显示下一个面板,而不是返回到上一个面板。
有人知道使用这个插件克服这个问题的方法吗?
最佳答案
使用 fx: 'scrollHorz' 而不是 fx: 'scrollLeft'。 这样,动画就会在两侧起作用。 希望这有帮助:)
关于jquery - Cycle jQuery插件,图片可以直观地双向滑动吗?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/3535969/