jquery图片展示插件

  一个居于jquery框架的图片展示效果,可以显示页码,图片简要描述,图片标题等,效果如下,效果处于切换中。具体效果到环保装饰网查看

jquery图片展示插件

  使用方法如下,如果未指定dt,则不显示图片描述的内容,其他tl,u,img数据位必要的

  //====================类库需要的数据结构
  var arrData =[
  { tl: '图片标题', u: '图片链接地址', img: '图片地址', dt: ' 图片简要描述'}
  , { tl: '图片标题', u: '图片链接地址', img: '图片地址', dt: ' 图片简要描述' }
  , { tl: '图片标题', u: '图片链接地址', img: '图片地址', dt: ' 图片简要描述'}/*.....等等*/];
  //====================类库需要的数据结构
  var libImgs = new comm.Imgs({ imgWidth: 258, imgHeight: 226, tlLineHeight: 20 });
  libImgs.init(arrData);

类库配置参数

imgWidth:图片宽,默认275px
imgHeight:图片高,默认215px
numColor:导航数字颜色,默认#fff,白色
numBGColor:导航条背景色,默认transparent,透明
numFocusColor:导航数字当前显示颜色,默认#fff,白色
numFocusBGColor:导航数字当前显示背景色,默认transparent,透明
numAlpha:导航数字的透明度,默认1,不透明
numBLBGAlpha:导航条背景透明,默认.5
numBLBGColor:导航条背景色,默认#000,黑色
delay:切换时间,默认8000,8s
tlFontSize:标题字体大小
tlColor:标题颜色
tlLineHeight:标题行高
numPosition:导航位置,在左边或者右边,默认right【left或者right】
 


分类:js图片特效 下载地址
阅读(162)喜欢(3)5.01KB浏览器 点击下载