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 }, //设置信息功能相关配置