http://www.html580.com/3785
https://yq.aliyun.com/ziliao/4390
使用方法
调用插件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