通过本文主要向大家介绍了幻灯片,缩略图等相关知识,希望对您有所帮助,也希望大家支持linkedu.com www.linkedu.com
应朋友的邀请,帮他公司做一个幻灯播放效果,效果如下:

缩略图正中间的为当前播放到的图片,两边呈发散状,逐渐缩小并降低透明度。假设当前正播放到第0张图片,则排列情况如下:
0
1 4
2 3
按逆时针方向转一张图后的排列情况如下:
4
0 3
1 2
这个只是缩略图的播放效果,缩略图轮转时,后面有对应大图跟着从右到左滚进,并且大图进入的速度要对应着缩略图轮转,整体效果如下:

本人考虑将缩略图轮转与大图的滚进分开两部分,缩略图轮转做为一个单独的jQuery插件,由此插件中的事件带动大图的滚进。下面先来说说缩略图的轮转插件的实现:
1、插件的参数:
在使用中发现有问题或者有可改进的地方,请留言,谢谢。

缩略图正中间的为当前播放到的图片,两边呈发散状,逐渐缩小并降低透明度。假设当前正播放到第0张图片,则排列情况如下:
0
1 4
2 3
按逆时针方向转一张图后的排列情况如下:
4
0 3
1 2
这个只是缩略图的播放效果,缩略图轮转时,后面有对应大图跟着从右到左滚进,并且大图进入的速度要对应着缩略图轮转,整体效果如下:

本人考虑将缩略图轮转与大图的滚进分开两部分,缩略图轮转做为一个单独的jQuery插件,由此插件中的事件带动大图的滚进。下面先来说说缩略图的轮转插件的实现:
1、插件的参数:
在使用中发现有问题或者有可改进的地方,请留言,谢谢。