用3项jquery创建自定义轮播

Question

我想创建一个带有3个像这张照片的旋转木马

点击左箭头b2最左边，b3是中心，b1是最右边，反之亦然，右箭头。也可以点击每个项目，它必须到达中心。 我创造了一些东西，但那不是旋转木马！我的方法是在另一个之前或之后插入一个项目。

$('div #item2').after($('div #item1'));

我必须注意，我会检查一些插件，如光滑，但我想自己定制编码。 感谢

Answer 1

您可以使用slick carouselJquary插件

<div data-slick='{"slidesToShow": 4, "slidesToScroll": 4}'>
  <div><h3>1</h3></div>
  <div><h3>2</h3></div>
  <div><h3>3</h3></div>
  <div><h3>4</h3></div>
  <div><h3>5</h3></div>
  <div><h3>6</h3></div>
</div>

JavaScript

$(element).slick()