热门标签 | HotTags
当前位置:  开发笔记 > 前端 > 正文

jQuery快速生成幻灯片插件

KinSlideshow,是一款jQuery幻灯片插件,能够快速的帮忙我们实现网页上幻灯片的切换效果,兼容IE6/IE7/IE8/IE9,FireFox,Chrome,Opera

KinSlideshow,是一款jQuery幻灯片插件,能够快速的帮忙我们实现网页上幻灯片的切换效果,兼容IE6/IE7/IE8/IE9,FireFox,Chrome,Opera。

 如果在chrome上使用的时候,必须要在在img标签中写上图片的宽度和高度,其他浏览器不需要,负责兼容性不好。使用极其方便、简单,外观样式可以自定义,具体定义样式方法和设置其他参数请参见官方的demo文件,不需要自己定义焦点图宽度和高度,自动读取图片宽和高,所有图片尺寸要保持一致。所有宽度和高度单位都是像素,设置参数时不需要加单位(px)。

小提示1:

外层div建议加上一句样式:style="visibility:hidden;"

不加此句在IE下页面刚加载的瞬间时候会看到所有图片原始样子

这是因为KinSlideshow 要等页面加载完成才能解析页面中要设置成焦点图的HTML

虽然只有不到0.01秒的瞬间但用户体验不太好,所以建议加上。不加对程序也没影响!

小提示2:

想要兼容Chrome需要在img标签中写上图片的实际宽度和高度标题,其他浏览器不需要。

JQuery的KinSlideshow插件打造超炫焦点图,带参数说明

 

  
  
  
      
      
      
      
      
  
  
    

打开页面随机选择切换方式(方向)---刷新页面

 


推荐阅读
author-avatar
byd888_613
这个家伙很懒,什么也没留下!
PHP1.CN | 中国最专业的PHP中文社区 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved | 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有