文档章节

基于HTML5的超酷图片画廊 -Juicebox Lite

gbin1
 gbin1
发布于 2012/06/11 15:10
字数 351
阅读 180
收藏 3

日期:2012-5-22  来源:GBin1.com

基于HTML5的超酷图片画廊 -Juicebox Lite

在线演示  本地下载

图片画廊是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

© 著作权归作者所有

gbin1
粉丝 86
博文 722
码字总数 275571
作品 0
东城
私信 提问
2011年最新20个jQuery构建的超酷视觉效果教程

日期:2011/08/03 原文:line25.com 编译:Terry li - GBin1.com 作为web开发程序员来说,我们都非常喜欢jQuery构造的超酷视觉效果。在本篇GBin1文章中我们将精选一组jQuery效果教程。大家将...

gbin1
2011/08/03
383
0
炙手可热的12款网站模板推荐

每周极客标签都将推出两篇荟萃内容的文章,内容覆盖了Bootstrap、CSS、Javascript、HTML5等当前最热门的特效和应用,本周我们推荐的这12款网站设计模板不仅带有独立的在线演示,并且依旧全部...

gbin1
2014/04/23
667
1
推荐六款炫酷的HTML5效果插件

1. HTML5 3D图片阴影翻转动画 效果很酷 分享一款很酷的HTML5 3D动画特效,这款3D特效可以为你的图片增加阴影的效果,而且可以让图片在鼠标滑过的时候出现3D翻转的动画效果。这和HTML5 3D动画...

tower1229
2018/06/26
0
0
9款超绚丽的HTML5/CSS3应用和动画特效

HTML5 现在已经不是很前卫的东西了,越来越多的网站和移动应用都在不断地尝试使用HTML5来更好地优化用户体验。今天我们要分享9款超绚丽的HTML5/CSS3应用和动画特效,这里面有菜单、按钮、图片...

切切歆语
2017/10/23
0
0
炫酷实用 7款jQuery/HTML5图片应用

jQuery非常强大,我们这里有很多关于jQuery焦点图的插件,今天我们精选了7款利用jQuery和HTML5实现的超炫酷图片特效应用,有些也是焦点图插件,一起来看看吧。 1、HTML5 3D衣服摆动特效 超酷...

老鸟的空间
2014/07/05
0
0

没有更多内容

加载失败,请刷新页面

加载更多

马蜂窝 IM 系统架构的演化和升级

今天,越来越多的用户被马蜂窝持续积累的笔记、攻略、嗡嗡等优质的分享内容所吸引,在这里激发了去旅行的热情,同时也拉动了马蜂窝交易的增长。在帮助用户做出旅行决策、完成交易的过程中,I...

马蜂窝技术
29分钟前
2
0
C++学习笔记:C/C++中static关键词有用途

C语言中:static关键词有三种用途 1.静态局部变量 特点: 该变量在全局数据区分配内存(局部变量在栈区分配内存) 静态局部变量在程序执行到该对象的声明处时被首次初始化,以后不会再进行初...

StupidZhe
29分钟前
2
0
Mysql Group Replication关闭和启动所有的组成员的注意点

Mysql Group Replication关闭和启动所有的组成员的注意点 2018年05月17日 11:45:02 zuozhiji 阅读数 1772 由于的我mgr建立在虚拟机上面(即使是正式环境,如果计划内的停机或者断电都需要关闭...

rootliu
33分钟前
2
0
并发模式与 RPS 模式之争,性能压测领域的星球大战

本文是《如何做好性能压测》系列专题分享的第四期,该专题将从性能压测的设计、实现、执行、监控、问题定位和分析、应用场景等多个纬度对性能压测的全过程进行拆解,以帮助大家构建完整的性能...

阿里云官方博客
34分钟前
2
0
iTOP-4412开发板基于Linux-C测试程序的编译和运行

iTOP-4412 开发板可以运行的文件系统很多,在具体的文件系统上实现特定功能前,可 以使用 Linux-C 程序来测试硬件以及驱动。而且这些程序很容易移植到 Android、Qt/E 以及 最小文件系统上。 ...

书白
35分钟前
4
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部