日期:2012-5-22 来源:GBin1.com
在线演示 本地下载
图片画廊是web或者网站开发中经常会用到的组件,非常适合作为图片展示,个人作品展示和相册使用。今天我们将介绍一个非常棒的基于HTML5的图片画廊 - Juicebox Lite,希望大家喜欢!
Juicebox Lite是基于HTML5的免费个人画廊,可以帮助开发人员创建超酷的图片画廊,
主要特性
- 支持windows,Mac和Linux
- 支持IE6+,FF3.6+,chrome,Safari和Opera
- 支持移动手机/平板电脑
- 针对不同的设备自适应
- 漂亮的responsive界面
- 支持HTML5标准
- 提供JuiceboxBuilder程序,可以方便的处理图片
- 2个版本,lite和pro版
如何使用
导入类库如下:
<script src="jbcore/juicebox.js"></script>
<script>
new juicebox({
containerId : 'juicebox-container'
});
</script>
使用xml文件配置图片文件:
<juiceboxgallery
galleryTitle="Juicebox Lite Gallery"
>
<image imageURL="images/wide.jpeg"
thumbURL="thumbs/wide.jpeg"
linkURL="images/wide.jpeg"
linkTarget="_blank">
<title>Welcome to Juicebox!</title>
</image>
<image imageURL="images/tall.jpeg"
thumbURL="thumbs/tall.jpeg"
linkURL="images/tall.jpeg"
linkTarget="_blank">
<caption><![CDATA[<u><a href="http://www.juicebox.net" target="_blank">Juicebox</a></u> is a free, customizable image gallery. Use it to display your images on any web page in a professional, intuitive and simple way.]]></caption>
</image>
</juiceboxgallery>
搞定!当然你可以使用它提供的builder工具来处理图片。希望大家喜欢这个画廊!
来源:基于HTML5的超酷图片画廊 -Juicebox Lite
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)