简单的jQuery焦点图(原创)

所属分类:媒体-幻灯片和轮播图

 14374  175  查看评论 (0)
分享到微信朋友圈
X
简单的jQuery焦点图(原创) ie兼容11

更新时间:2019-11-27 00:03:41

使用方法有两种

1、添加.imageViewer样式

2、$(div).imageViewer(options) 方法

使用样式生成方法可在插件上添加属性进行配置

属性参数 默认值说明
data-readonlyreadonlytrue是否显示删除按钮(只读状态下也可以通过添加图片方法添加图片)
data-looplooptrue是否循环
data-queueshowQueuetrue是否显示图片队列
data-browser-height browserHeight300px 展示框高度(宽度跟随容器)
data-imagesimages[]

图片地址数组(作为属性配置用英文逗号隔开)

接口方法只有两个

方法名参数返回值
$(div).imageViewer().getImages()无  返回图片地址数组
$(div).imageViewer().addImage(url)图片url(单个) 

详细使用方法可以参考包内demo页面

相关插件-幻灯片和轮播图

5种方式轮播图

5种方式轮播图
  幻灯片和轮播图
 109609  492

纯js响应式轮播图

web端纯js响应式轮播图,支持移动端滑动切换
  幻灯片和轮播图
 33971  354

html5滑动图片轮播展示

具有悬停效果的自适应图片滑动轮播
  幻灯片和轮播图
 34164  244

jQuery左右全屏弹性切换焦点图特效

jQuery左右全屏弹性切换焦点图特效
  幻灯片和轮播图
 30581  397

讨论这个项目(0)回答他人问题或分享插件使用方法奖励jQ币 评论用户自律公约

😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
取消回复