jQuery超酷轻量级响应式lightbox插件
Smoothbox是一款非常实用的超酷jQuery轻量级响应式lightbox插件。该lightbox插件在图片转换时带有平滑的CSS3过渡效果。如果不使用CSS3过渡效果,该插件可以支持到IE8浏览器。
浏览器兼容
实用该lightbox插件首先要引入 jQuery、smoothbox.js 和 smoothbox.css文件。
然后在你需要触发lightbox效果的超链接上添加class sb即可。
在线演示 插件下载
- 轻量级[1.7Kb]
- 预加载图片
- 可以在多个项之间建立画廊
- 实用CSS3 transitions制作平滑过渡效果
- 响应式图片设置
浏览器兼容
- 支持 Chrome, Safari, Firefox (16+), Internet Explorer (9+)浏览器
- 如果不使用CSS3 transitions还可以支持Explorer 8, Firefox (-16)浏览器
- 不支持 Internet Explorer 7 及以下的IE浏览器
实用该lightbox插件首先要引入 jQuery、smoothbox.js 和 smoothbox.css文件。
- <link rel="stylesheet" href="css/smoothbox.css">
- <script type="text/javascript" src="js/jquery.min.js"></script>
- <script type="text/javascript" src="js/smoothbox.js"></script>
然后在你需要触发lightbox效果的超链接上添加class sb即可。
- <a class="sb" href="images/1.jpg" title="Hey here's a caption">Image One</a>
如果想要实用标题效果,为图片添加title首先即可。
该lightbox插件没有任何js参数,你可以通过修改CSS的样式来自定义lightbox的外观。
via:http://www.htmleaf.com/jQuery/Lightbox-Dialog/201504171696.html
【jQuery超酷轻量级响应式lightbox插件】相关文章
2. Swipebox:用于触屏设备的精美 jQuery Lightbox 插件
3. FancyBox - 经典的 jQuery Lightbox 插件
4. Swipebox:用于触屏设备的精美 jQuery Lightbox 插件
6. 令人印象深刻的 jQuery 模态框插件 – iLightBox
7. 用于触屏设备的精美 jQuery Lightbox 插件
8. 令人印象深刻的 jQuery 模态框插件 – iLightBox
9. 用于触屏设备的精美 jQuery Lightbox 插件
本文来源:https://www.51html5.com/a1516.html
﹝jQuery超酷轻量级响应式lightbox插件﹞相关内容
- jQuery轻量级补间动画工具库-jQueryTween
- 超酷响应式带缩略图的jQuery轮播图插件
- jQuery超炫图片3D背景视觉差特效插件
- Prompt轻量级提示框弹出层Jquery插件
- Prompt轻量级提示框弹出层Jquery插件
- 简单的,轻量级的 jQuery 仪表板插件
- 简单的,轻量级的 jQuery 仪表板插件
- 响应式布局的设计方法和响应式前端优化干货
- S Gallery – 很有特色的响应式 jQuery 相册插件
- S Gallery – 很有特色的响应式 jQuery 相册插件