应朋友的邀请,帮他公司做一个幻灯播放效果,效果如下:
[img]http://files.jb51.net/upload/201101/20110124201607432.png[/img]
缩略图正中间的为当前播放到的图片,两边呈发散状,逐渐缩小并降低透明度。假设当前正播放到第0张图片,则排列情况如下:
0
1 4
2 3
按逆时针方向转一张图后的排列情况如下:
4
0 3
1 2
这个只是缩略图的播放效果,缩略图轮转时,后面有对应大图跟着从右到左滚进,并且大图进入的速度要对应着缩略图轮转,整体效果如下:
[img]http://files.jb51.net/upload/201101/20110124201641415.jpg[/img]
本人考虑将缩略图轮转与大图的滚进分开两部分,缩略图轮转做为一个单独的jQuery插件,由此插件中的事件带动大图的滚进。下面先来说说缩略图的轮转插件的实现:
1、插件的参数:
[url=http://xiazai.jb51.net/201101/yuanma/SlideDemo_jb51.rar]http://xiazai.jb51.net/201101/yuanma/SlideDemo_jb51.rar
[/url]在使用中发现有问题或者有可改进的地方,请留言,谢谢。