简单的jQuery焦点图(原创)

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

 14578  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页面

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

淘宝的推荐好物滑动切换展示效果

淘宝推荐好物切换展示应用,淘宝极有家切换效果
  幻灯片和轮播图
 28029  375

jquery+css3立方体自定义生成(原创)

jq+css3矩体自定义生成,可自定义宽高和面的分离量
  幻灯片和轮播图
 22307  308

三种常见轮播

三种常见轮播(左右,上下,渐变)
  幻灯片和轮播图
 62057  396

针对移动设备的手动切换插件

该插件可以将浏览器中的元素集合像卡片一样通过手势切换,在电脑和移动设备上均可使用。
  幻灯片和轮播图
 31920  349

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

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