图片画廊是web或者网站开发中经常会用到的组件,非常适合作为图片展示,个人作品展示和相册使用。今天我们将介绍一个非常棒的基于HTML5的图片画廊 - Juicebox Lite,希望大家喜欢!
Juicebox Lite是基于HTML5的免费个人画廊,可以帮助开发人员创建超酷的图片画廊,
主要特性
支持windows,Mac和Linux
支持IE6+,FF3.6+,chrome,Safari和Opera
支持移动手机/平板电脑
针对不同的设备自适应
漂亮的responsive界面
支持HTML5标准
提供JuiceboxBuilder程序,可以方便的处理图片
2个版本,lite和pro版
在线演示 本地下载
如何使用
导入类库如下:
4 | containerId : 'juicebox-container' |
使用xml文件配置图片文件:
2 |
galleryTitle= "Juicebox Lite Gallery" |
4 |
"images/wide.jpeg"
|
5 |
thumbURL= "thumbs/wide.jpeg" |
6 |
linkURL= "images/wide.jpeg" |
10 |
"images/tall.jpeg"
|
11 |
thumbURL= "thumbs/tall.jpeg" |
12 |
linkURL= "images/tall.jpeg" |
"#"
target=
"_blank"
>Juicebox
is a free, customizable image gallery. Use it to display your images on any web page
in
a professional, intuitive and simple way.]]>
14 |
|