Jquery 滑块上的圆形效应

有人知道我可以使用现有的jquery插件来实现这种效果吗

我需要的图像重叠循环通过一个循环的方式和改变缩放

您可以使用这个：

页面上的简单演示：

JavaScript

...
<!-- note: should work with jQuery 1.4 and up -->
<script type="text/javascript" src="http://code.jquery.com/jquery-1.9.1.min.js">
<script type="text/javascript" src="/jquery.waterwheelCarousel.min.js">
<script type="text/javascript">
  $(document).ready(function() {
    $("#carousel").waterwheelCarousel({
      // include options like this:
      // (use quotes only for string values, and no trailing comma after last option)
      // option: value,
      // option: value
    });
  });
</script>
...

。。。
$（文档）.ready（函数（）{
$（“旋转木马”）。水车转盘({
//包括以下选项：
//（仅对字符串值使用引号，在最后一个选项后不使用尾随逗号）
//选项：价值，
//选项：值
});
});
...

CSS

。。。
#旋转木马{
宽度：800px；
高度：300px；
显示：相对；
}
#旋转木马{
显示：隐藏；/*隐藏图像，直到旋转木马准备好它们*/
游标：指针；/*如果在链接中包装旋转木马项目，则不需要*/
}
...

HTML

。。。
...

您能否提供一个代码片段，以便我们提供帮助供参考：该插件对手机根本不友好，因此，如果您计划将其用于平板电脑或手机网站，该插件将无法工作。

...
<style type="text/css">
  #carousel {
    width:800px;
    height: 300px;
    display: relative;
  }
  #carousel img {
    display: hidden; /* hide images until carousel prepares them */
    cursor: pointer; /* not needed if you wrap carousel items in links */
  }
</style>
...

...
<div id="carousel">
<img src="/image1.jpg" alt="Image 1" />
<img src="/image2.jpg" alt="Image 2" />
<img src="/image3.jpg" alt="Image 3" />
<img src="/image4.jpg" alt="Image 4" />
<img src="/image5.jpg" alt="Image 5" />
</div>
...