[jquery特效的图片切换]jquery特效的图片切换插件jqFancyTransitions用法

更新时间:2020-11-20    来源:jquery    手机版     字体:

【www.bbyears.com--jquery】

jqfancytransitions是一款易于使用的显示照片过渡效果的jQuery幻灯片插件,兼容Safari 2 +、Internet Explorer 6 +、Firefox 2 +、3 + 9 +谷歌浏览器等。

jqFancyTransitions.png

使用方法
调用插件js文件:

<script src="js/jquery.js" type="text/javascript"></script>
<script src="js/jqFancyTransitions.js" type="text/javascript"></script>
插件HTML代码结构:

       img1
       img2
       img3

插件启用代码:
<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

本文来源:http://www.bbyears.com/wangyezhizuo/111669.html