简单的jQuery的全屏图像画廊

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

 44467  417  查看评论 (16)
分享到微信朋友圈
X
简单的jQuery的全屏图像画廊 ie兼容6

简单的jQuery的全屏图像画廊,全屏图像与jQuery和CSS画廊。画廊拥有全屏图像在各种模式和自定义缩略图滚动脚本。

参数配置

$ defaultViewMode 在脚本中的变量,允许您更改默认的图片浏览模式。您可以将该值设置为:
normal -图像适合窗口(所有图像数据是可见的)
full-图像扩展到窗口大小(全屏)
original -图像保持原始大小(在屏幕上居中)
其余的配置选项,你可以在脚本中设置如下:
$ tsMargin。 -第一个和最后一个缩略图利润率(更好的光标互动)
$ scrollEasing -滚动的宽松量(0不宽松)
$ scrollEasingType -滚动宽松型
$ thumbnailsContainerOpacity。 -缩略图区域中默认的不透明度
$ thumbnailsContainerMouseOutOpacity。 -缩略图区域的不透明度,鼠标出
$ thumbnailsOpacity。 -缩略图默认的不透明度
$ nextPrevBtnsInitState -一个/下一个图像按钮的初始状态(“隐藏”或“作秀”)
$ keyboardNavigation。 -启用/禁用键盘导航(“开”或“关”)

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

js轮播图插件slider

支持鼠标滑动以及移动端手势滑动的幻灯片播放插件
  幻灯片和轮播图
 38859  420

可拖动的轮播插件(视频存在进度条,swiper插件)

可以拖拽实现切换图片,可以将图片和视频一起实现滑动。视频存在进度条,进度条完毕,实现切换
  幻灯片和轮播图
 46329  379

jQuery轻量级全屏轮播图

jQuery轻量级全屏自动轮播图,兼容ie7以上浏览器
  幻灯片和轮播图
 34984  303

swiper横向轮播

swiper横向轮播,简单好用
  幻灯片和轮播图
 91263  586

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

    ╃狐狸先生じ☆ve 0
    2019/10/18 16:52:46
    计算不准,可以调速度吗???
    回复
    zenghaowei 0
    2017/12/13 10:14:29
    lixinran2888 0
    2016/11/8 21:11:49
    xiexie 我需要啊。 回复
    凌云 0
    2016/10/18 21:10:09
    大侠,请教下,缩略图的滚动速度怎么调整呢? 回复
    Ddhyda 0
    2016/9/10 15:09:53
    怎么设置为非全屏啊 回复
    YG。 0
    2016/3/16 17:03:34
    ▄︻┻┳═一 0
    2016/3/1 18:03:08
    不能自动轮播啊,啊,啊
        ╃狐狸先生じ☆ve0
        2019/10/18 16:53:28
        写个简单的
    回复
    ♀噭盪鯖舂♀ 0
    2014/11/3 3:03:25
    感觉挺不错的,拿来学习学习,感谢分享! 回复
    时光小屋 0
    2013/9/12 17:47:00
    非常感谢楼上的建议,我们会马上改进 回复
    hacker 0
    2013/9/12 11:29:00
    谢谢分享,网站多加个搜索的功能好点 回复
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
取消回复