如何使用JQuery创建具有左右和其他幻灯片选项的内容滑块？

Question

我对这部分JQuery / JavaScript有点新意。

我知道我可以从某个地方使用jquery插件或滑块，但我认为我的要求有点不同。

我在其上创建了带有背景图片和文字的内容，并准备了内容。当单击顶部的图像和单击左/右选项时，我需要使用jquery将内容更改为下一个内容。类似于滑块的工作方式。我还需要来回左右选项。

我该如何开始这个？

Answer 1

我们的想法是将整个内容包装在具有固定宽度的分区中，然后您可以使用jQuery animate api使用jquery animate选项动态地向左或向右动态更改内容的宽度。
将内容移至左侧的示例

$('#innerscroll').animate({"left": "+=150px"}, 500);

将内容移至右侧的示例

$('#innerscroll').animate({"left": "-=150px"}, 500);

innerscroll是包含滑块的父分区ID

详细步骤在此jQuery image slider tutorial中给出，请确保使用li标签代替img作为您的内容..您可以即兴创作。