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文件。
然后在你需要触发lightbox效果的超链接上添加class sb
即可。
Image One
如果想要实用标题效果,为图片添加title
首先即可。
该lightbox插件没有任何js参数,你可以通过修改CSS的样式来自定义lightbox的外观。
版权声明
版权说明: 仅限用于学习和研究目的;不得将上述内容用于商业和非法用途!否则一切后果自负。我们非常重视版权问题,如有侵权请邮件至(171373236#qq.com)与我们联系处理,敬请谅解!