当前位置: 首页 > 软件库 > jQuery 插件 > jQuery对话框 >

baguetteBox.js

纯 JS lightbox 库
授权协议 MIT
开发语言 JavaScript
所属分类 jQuery 插件、 jQuery对话框
软件类型 开源软件
地区 不详
投 递 者 张英范
操作系统 跨平台
开源组织
适用人群 未知
 软件概览

baguetteBox.js 是一个简单简单、易用的 JavaScript lightbox库,它具有一下特点:

  • 纯 JavaScript 实现,无需依赖其他库

  • 支持触摸屏设备手势操作

  • 支持显示标题(说明)

  • 支持响应式图像

  • 支持CSS3过渡

  • 使用 SVG 按钮,没有多余的文件下载

  • 启用 gzip 压缩后仅 2KB

查看演示

  • lightbox JS插件--baguetteBox.js,它是用纯Javascript创建的图像展示效果,拥有图像放大缩小并带有相应的CSS3过度,并能在触摸屏等设备上完美展示。 baguetteBox.js 优势 javascript完成,不需要jQuery库支持 支持触屏手机端 支持显示标题和说明等 支持响应式效果 支持CSS3过渡效果 使用 SVG 按钮,没有多余的文件下载 启用 gzip

  • baguetteBox.js baguetteBox.js 是一个简单和易于使用lightbox纯JavaScript脚本,拥有图像放大缩小并带有相应的CSS3过度,并能在触摸屏等设备上完美展示。 Demo页面 github 中文使用 特点 纯JS编写,无任何依赖 支持多重画廊(Multiple-gallery)效果, 且允许自定义参数 支持手势滑动(仅在支持多点触控设备上) 现代简约风格 图像字

  • 加载 baguetteBox.min.js   baguetteBox.min.css   JS文件  样式文件 实例 <div class="tz-gallery">              <div class="row">                                    <div class="col-sm-6 col-md-4">              

  • 相关的插件有photoswipe,但是使用太繁琐,找到另外一个:baguetteBox 只需要引入2个文件: baguetteBox.css baguetteBox.js html <div class="baguetteBoxOne gallery"> <ul> <li> <a href="/dede/images/ad1.jpg" > <img

  • 31款轻量高效的开源 JavaScript 插件和库 目前有很多网站设计师和开发者喜欢使用由JavaScript开发的插件和库,但同时面临一个苦恼的问题:它们中的大多数实在是太累赘而且常常降低网站的性能。其实,其中也有不少轻量级的插件和库,它们不仅轻巧有用,而且不会影响网站的性能。本文,就为大家整理了以来30多款轻量级Javascript插件和库的列表,这些工具服务于特定的目标,并且它们能够非常有

  • 布局 SuperEmbed.js - 是一个Javascript库,可检测出网页上的内嵌视频并使他们能够变成响应式元素。demo ScrollReveal - ScrollReveal插件使用户能够无比轻松地创建桌面和移动浏览器的网页滚动动画。demo Bricks.js - 是一款超快的用于固定宽度元素的“砖石”布局生成器。demo ———————————————————————————————

 相关资料
  • 本文向大家介绍纯JS开发baguetteBox.js响应式画廊插件,包括了纯JS开发baguetteBox.js响应式画廊插件的使用技巧和注意事项,需要的朋友参考一下 baguetteBox.js 是一个简单和易于使用的响应式的图像 Lightbox 插件,支持滑动手势在移动设备上使用。纯 JavaScript 实现,不依赖第三方库和插件,赶紧来体验吧。 效果演示    下载源码 好了,看下本文重

  • 我已经阅读了ReactJs官方文档中纯Javascript函数和非纯Javascript函数的定义。 纯函数是不尝试更改其输入的函数,并且总是为相同的输入返回相同的结果。 实例 不纯函数是改变自身输入的函数。 实例

  • 什么是纯函数? 在函数式编程里我们会经常谈到这两个概念。一个是 纯函数。另一个是 附加作用(副作用)。这里我们就结合实际来介绍一下 纯函数 和 附加作用。 下面我们给出两个函数 increaseA 和 increaseB,他们其中一个是 纯函数,另一个不是 纯函数: var state = 0 func increaseA() { state += 1 } increaseA() p

  • 对于任何实例,一旦编写了,就唯一地确定了。假设您有和,它们都遵守法律。然后 但是这样使用法则感觉像是一种欺骗。有没有一种方法可以避免这种情况而不诉诸于参数性呢?

  • 如果一个函数的返回结果只取决于参数值,并且没有像修改参数、输出一些值等副作用,那么就可认为此函数是纯函数。 下面这个after函数就是一例。此函数比较两个Time变量并返回一个布尔值并指出第一个操作数是否比第二个晚: bool after (Time& time1, Time& time2) { if (time1.hour > time2.hour) return true; i

  • 纯真有声,是一款基于QML的移动端开源播放器,任何人都可以自由拷贝及使用其代码,对QML的初学者来说,这将会是一个学习和借鉴的最好例子。 本播放器主要是针对有声书的场景而开发,如果你有聆听有声书的习惯,将会发现它有如下几个特色功能: 1.自动记忆最近一次播放的进度。 2.可以手动保存任何一本有声书的播放进度,你可以自由在多本有声书中自由切换,而不用担心进度丢失。 3.它是一个本地播放器,没有在线听