Jquery学堂QQ群开放(244127054)
首 页
网友Adam‘分享原创图片播放jQuery-jcImgScroll插件
Adam ’ jQuery - jcImgScroll图片展示( 默认效果 )
Adam ’ jQuery - jcImgScroll图片展示( 7图,无按钮,带信息 )
Adam ’ jQuery - jcImgScroll图片展示( 3图,按钮,无信息,设置间距,设置箭头偏移 )
首先感谢 jQuery-School (
http://www.jq-school.com
) 对 Adam' 的支持!鼓励原创,支持前端!
jQuery-jcImgScroll ( 体验版 )
功能介绍:
1. 可以自定义箭头位置,显示图片数量必须是单数
2. 自定义数字按钮功能
3. 自定义信息显示功能
jQuery-jcImgScroll 调用简单,插件实用!只需修改插件参数 及 CSS便能实现想要的效果!如有宝贵意见请联系Adam ’
jQuery-jcImgScroll插件
by Adam ’
* 插件说明 及 相关参数
jQuery - jcImgScroll v 1.4
Copyright(c) 2012 by Adam ’
QQ : 1741498
E-mail : 1741498@qq.com
Date: 2012-09-20
speed:400,
//图片切换速度设置,提供easing.js值 或 时间值(mm)
width : 618,
//设置图片宽度
height:342,
//设置图片高度
offsetX:100,
//设置图片间距
setZoom:.5,
//微调图片缩小比例
loadClass:"loading",
//定义loading CSS CLASS样式
position:"center",
//定义小图位置,top,center,bottom
count:5,
//设置显示图片的数量
arrow : { width : 110, height : 342, x : 20, y : 0 },
//设置箭头高宽和微调xy偏移
NumBtn : false,
//是否开起数字按钮
setNumBtn : { width : 19, height : 18, x : 20, y : 0 },
//设置数字按钮高宽和微调xy偏移
title:true,
//是否开起信息功能
setTitle : { border : 0, height : 35, bgColor:"#6ba600", color:"#fff", padding:20, opacity:.8 },
//设置信息功能相关配置