jQuery旋转木马图片轮换效果22
jQuery水轮旋转木马插件可以显示图片与级联“水车”效应。它可以水平或垂直位置,它的外观可以显著改变。
回调函数可以用来有计划地触发Lightbox-type效果,或具体内容加载到另一个地区的网站,比如一个图像描述。

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>
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 */
  }
HTML
<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>
      立即下载 ( 文件大小:0.25 M)

    浏览器兼容性

    1. IE 8
    2. IE 9
    3. Mozilla Firefox
    4. Google Chrome
    5. Oper
    6. Safari

    技术讨论区

    1. 傻补辣鸡-兜吡咯3

      傻补辣鸡-兜吡咯

      图片是偶数的时候会不会错乱,比如2,4,6...

      2016-11-25 11:39:51| 回复

    2. 大白菜2

      大白菜

      试试看,怎么还是拒绝灌水

      2016-11-03 18:52:33| 回复

    3. 大雁1

      大雁

      正好找这个效果

      2016-07-04 17:31:12| 回复

    4. 请先登录

        发 布

    键盘快捷键: 上一个 下一个