jquery特效的图片切换插件:jqFancyTransitions
jqfancytransitions是一款易于使用的显示照片过渡效果的jQuery幻灯片插件,兼容Safari 2 +、Internet Explorer 6 +、Firefox 2 +、3 + 9 +谷歌浏览器等。
使用方法调用插件js文件:
<script src="js/jquery.js" type="text/javascript"></script> <script src="js/jqFancyTransitions.js" type="text/javascript"></script>插件HTML代码结构:
<div id='slideshowHolder'> <img src='img1.jpg' alt='img1' /> <img src='img2.jpg' alt='img2' /> <img src='img3.jpg' alt='img3' /> </div>插件启用代码:
<script> $(document).ready( function(){ $('#slideshowHolder').jqFancyTransitions({ width: 400, height: 300 }); }); </script>参数说明
- effect 效果选择:默认''(wave, zipper, curtain)
- width 宽度:默认500
- height 高度:默认320t
- strips 图片分解条数:默认20
- delay 轮播时间:默认5000ms
- stripDelay 条数动画时间:默认50(越大越慢)
- titleOpacity 标题透明度:默认0.7
- titleSpeed 标题变化速度:默认1000
- position 动画效果:默认alternate(top, bottom, alternate, curtain)
- direction 动画方向:默认fountainAlternate(left, right, alternate, random, fountain, fountainAlternate)
- navigation 是否显示导航:默认false
- links 图片是否带连接:默认false
下一篇 >>