【转】推荐一个很棒的jquery图片滚动效果插件-jqFancyTransitions

先贴张效果图：


可以创建三种效果  分别是：拉链  窗帘  波浪
下面我们简单说说如何做：
首先 导入jquery
<script src="js/jquery.js" type="text/javascript"></script>
<script src="js/jqFancyTransitions.js" type="text/javascript"></script>

html代码如下（如果图片不需要连接，去掉a标签即可）：
<div id='slideshowHolder'>
<img src='images/1.jpg' alt='img1' />
<a href ='http://workshop.rs'/></a>
<img src='images/2.jpg' alt='img2' />
<a href ='http://workshop.rs/projects/jqbargraph'></a>
<img src='images/3.jpg' alt='img3' />
<a href ='http://workshop.rs/projects/jqbargraph'></a>
<img src='images/4.jpg' alt='img4' />
<a href ='http://workshop.rs/projects/moobargraph'></a>
</div>最后就是运用该插件了
基本js代码如下：
$(function(){
$('#slideshowHolder').jqFancyTransitions({       
width: 500, // width of panel
height: 332, // height of panel
});
})

除高度和宽度外，其他可选参数如下：
effect: 'curtain', // wave, zipper, curtain
strips: 20, // number of strips
delay: 5000, // delay between images in ms
stripDelay: 50, // delay beetwen strips in ms
titleOpacity: 0.7, // opacity of title
titleSpeed: 1000, // speed of title appereance in ms
position: 'alternate', // top, bottom, alternate, curtain
direction: 'random', // left, right, alternate, random, fountain, fountainAlternate
navigation: true, // prev and next navigation buttons true or false
links: true // show images as links true or false

查看demo：http://workshop.rs/projects/jqfancytransitions/
查看文档：http://workshop.rs/2009/12/image-gallery-with-fancy-transitions-effects/