neatShow是一款非常实用的jQuery图片淡入淡出加载效果插件。当在图片上应用neatShow插件的时候,它会等到该图片下载完成,立刻以 fade in 的方式将图片显示出来,而不管其它图片是否下载完成。该jquery图片插件可以在图片的各种状态下工作,如图片正在下载、图片下载完成和缓存图片。
使用方法
默认调用
$(selector).neatShow();
可用参数
- speed: number:指定图片淡入淡出的时间,单位毫秒,默认值400毫秒。
$(selector).neatShow({ speed: 800}); // specify fade in speed for images in milliseconds. // If no speed is specified default is 400ms.
- speed: 'random':图片在下载完成后移随机的速度淡入淡出显示图片。
$(selector).neatShow({ speed: 'random'}); // each image will fade in at a random speed once downloaded
- speed: 'random', minSpeed: 400, maxSpeed: 2400:你可以为随机显示指定最大和最小的淡入淡出速度,默认最小速度为400毫秒,最大速度为1200毫秒。
$(selector).neatShow({ speed: 'random', minSpeed: 400, maxSpeed: 2400}); // you can also specify minimum and maximum fade in speeds for random. // If none are specified the defaults are 400 and 1200
容器模式
$(selector).neatShow({ mode: 'container'}); // Container Mode will scan through selector's images and // fade in any image inside that container that is hidden.
注意:如果你要使用这个jQuery插件来制作图片淡入淡出的效果,图片的初始状态必须是隐藏的。