A-A+

焦点图 切换

2015年08月09日 jquery 暂无评论 阅读 158 次

jQuery-jcSlider 功能版( 修正版 )

  • 修正内容:
  • 1. 优化冗余代码,减少代码量,减少对Dom的操作,提高jQuery性能。
  • 2. 全面兼容各个浏览器(IE6+ 、Sarfai 、Chrome 、 Firefox 等等 )。
  • 3. 提高插件重用性、复用性。
  • 4. 优化CSS减少代码量。
  • 5. 增加图片预加载功能

jQuery-jcSlider 调用简单,插件实用!只需修改插件参数 及 CSS便能实现想要的效果!如有宝贵意见请联系Adam ’

jQuery-jcSlider插件

by Adam ’

* 插件说明 及 相关参数

jQuery - jcSlider v 2.4
Copyright(c) 2012 by Adam ’
QQ : 1741498
E-mail : 1741498@qq.com
Date: 2012-01-02
speed:300, //图片切换速度设置,提供easing.js值 或 时间值(mm)
Default : 1, //设置默认显示图片
setMode:'x', //设置slider切换模式,提供fade,x,y三种模式
loadPath:"../img/gif", //预加载loading图片路径,如../img/gif
setloadSize : { loadWidth : 32, loadHeight : 32 }, //设置loading图片大小(px)
autoPlay:true, //是否开起自动播放功能,提供true,false
autoTime:2000, //自动播放间隔时间(mm)
arrow : true, //左右按钮开关,提供true,false
arrowOffsetX : 0, //设置左右按钮X偏移(px)
subtle: { prev : 0, next : 0 },微调左右按钮的偏移位置,如 -200
numBtn:true, //数字按钮开关,提供true,false
numBtnEvent:'click', //设置数字按钮事件,提供click,mouseover等
numBtnPos:'center', //数字按钮位置,提供left,center,right
setNumBtn : { x : 0, y : 0 }, //设置数字按钮的X,Y偏移(px)
scaling:true, //是否设置图片大小,提供true,false
setScaling : { width:956, height:300 } //固定图大小(px)
演示地址:http://www.siyuweb.com/demo/jcSlider
下载:http://pan.baidu.com/s/1pJmTH6F

给我留言

Copyright © web前端技术开发个人博客 保留所有权利  京ICP备14060653号 Theme  Ality

用户登录