当然，你也可以使用window.onload，那样可以确保幻灯片图片被完全下载下来之后，再出现幻灯片。
很显然，还可以配置很多参数，让幻灯片的功能更加强大。在上面的代码中，我添加了一个参数height：248，因为我的照片高度是248px。下面介绍一下其他参数，我在官方注释后面，小小的翻译了一下，不准确的话，还望见谅。
width: 565, // width of slider panel 幻灯片的宽度 height: 290, // height of slider panel 幻灯片的高度 spw: 7, // squares per width 幻灯片切出小方框的宽度 sph: 5, // squares per height 幻灯片切出小方框的高度 delay: 3000, // delay between images in ms 切换图片的时间，毫秒单位 sDelay: 30, // delay beetwen squares in ms 小方框变化的时间，毫秒单位（这两个尽量不要改，官方说改了容易出现过度问题） opacity: 0.7, // opacity of title and navigation 图片下面的说明文字背景的透明度 titleSpeed: 500, // speed of title appereance in ms 标题消失的速度，毫秒单位 effect: ‘', // random, swirl, rain, straight 变换样式，随机，漩涡，下雨，连续（自己试试就知道效果） navigation: true, // prev next and buttons 是否显示前个、后个按钮 links : true, // show images as links 是否把图片当做一个链接 hoverPause: true // pause on hover 你把鼠标放上去的时候，图片是否继续变化
我们只需要像这样，填上自己定义的参数即可：
$(‘#coin-slider').coinslider({ width: 900, navigation: false, delay: 5000 });
4，高级用法
在具体的使用过程中，它的默认样式，肯定不符合我的模板需求，所以我需要对它进行更加细致的修正。那就是通过css，官方的css文件里，你可以直接修改，你也可以新建css文件，对它进行定义。在火狐浏览器中，可以方便观看这个插件生成了些什么div标签，以及相应的id和class。既然你是高级用户，当然难不倒你，我只是在这里提一个思路，具体的就要靠你自己去修改了。
您可能感兴趣的文章: