Jquery.KinSlideshow演示导航一
2011-08-22 19:33
253 查看
Jquery.KinSlideshow演示导航
默认设置效果
自定义切换参数效果
自定义外观参数效果
这是标题三
12
3
4
5
6
兼容IE6/IE7/IE8/IE9,FireFox,Chrome*,Opera的 jQuery. KinSlideshow幻灯片插件,功能很多 ,基本能满足你在网页上使用幻灯片(焦点图)效果。
KinSlideshow默认设置效果代码:
*焦点图显示的标题为 img 中 alt 属性中的文字*当只有一张图片时不显示按钮,但也会有无缝切换效果
小提示1:
外层div建议加上一句样式:style="visibility:hidden;"
不加此句在IE下页面刚加载的瞬间时候会看到所有图片原始样子
这是因为KinSlideshow 要等页面加载完成才能解析页面中要设置成焦点图的HTML
虽然只有不到0.01秒的瞬间但用户体验不太好,所以建议加上。不加对程序也没影响!
小提示2:
想要兼容Chrome需要在img标签中写上图片的实际宽度和高度<img src= width="xx" height="xx" alt="标题" >,其他浏览器不需要。<img src="" alt="标题" >
相关文章推荐
- Jquery.KinSlideshow演示导航二
- Jquery.KinSlideshow演示导航
- Jquery.KinSlideshow演示导航
- JS——树形导航菜单(html的ul嵌套,jQuery的css(),show(),hide(),index()等方法)
- jquery中焦点图插件kinslideshow
- JQuery的KinSlideshow插件打造超炫焦点轮播图,带参数说明
- 【转】36个经典的JQuery导航菜单演示+下载
- jQuery.KinSlideshow焦点图轮换
- Jquery.KinSlideshow 焦点图标轮换
- KinSlideshow jQuery 多样式图片幻灯片插件
- KinSlideshow幻灯片插件 Jquery幻灯片 图片切换
- jQuery导航插件One-Page-Nav演示-显示命名锚记
- JQuery的KinSlideshow插件打造超炫焦点轮播图,带参数说明
- Jquery.KinSlideshow图片轮播插件
- JQuery的KinSlideshow插件打造超炫焦点轮播图,带参数说明
- 【转】36个经典的JQuery导航菜单演示+下载
- jquery点击show(),hide()导航例子
- jQuery动画、图片切换 KinSlideshow jQuery 多样式图片幻灯片插件
- JQuery的KinSlideshow插件打造超炫焦点轮播图,带参数说明
- JQuery的KinSlideshow插件打造超炫焦点轮播图,带参数说明