jQuery超酷轻量级响应式lightbox插件

Smoothbox是一款非常实用的超酷jQuery轻量级响应式lightbox插件。该lightbox插件在图片转换时带有平滑的CSS3过渡效果。如果不使用CSS3过渡效果，该插件可以支持到IE8浏览器。

在线演示  插件下载

• 轻量级[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文件。

1. <link rel="stylesheet" href="css/smoothbox.css">
   
2. <script type="text/javascript" src="js/jquery.min.js"></script>
   
3. <script type="text/javascript" src="js/smoothbox.js"></script>   

复制代码
然后在你需要触发lightbox效果的超链接上添加class sb即可。

1. <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插件】相关文章

1. jQuery超酷轻量级响应式lightbox插件

2. Swipebox：用于触屏设备的精美 jQuery Lightbox 插件

3. FancyBox - 经典的 jQuery Lightbox 插件

4. Swipebox：用于触屏设备的精美 jQuery Lightbox 插件

5. 响应式的图片 Lightbox 插件

6. 令人印象深刻的 jQuery 模态框插件 – iLightBox

7. 用于触屏设备的精美 jQuery Lightbox 插件

8. 令人印象深刻的 jQuery 模态框插件 – iLightBox

9. 用于触屏设备的精美 jQuery Lightbox 插件

10. CSS3 Gallery Lightbox

本文来源：https://www.51html5.com/a1516.html