文档章节

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

gbin1
 gbin1
发布于 2012/06/11 15:10
字数 351
阅读 191
收藏 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
粉丝 87
博文 722
码字总数 275650
作品 0
东城
私信 提问
加载中
请先登录后再评论。
树莓派(Raspberry Pi):完美的家用服务器

自从树莓派发布后,所有在互联网上的网站为此激动人心的设备提供了很多有趣和具有挑战性的使用方法。虽然这些想法都很棒,但树莓派( RPi )最明显却又是最不吸引人的用处是:创建你的完美家用...

异次元
2013/11/09
5.3K
8
基于 ThinkPHP 的内容管理系统--歪酷CMS

歪酷网站管理系统(歪酷CMS)是一款基于THINKPHP框架开发的PHP+MYSQL网站建站程序,本程序实现了文章和栏目的批量动态管理,支持栏目无限分类,实现多管理员管理,程序辅助功能也基本实现了常见的文...

鲁大在线
2013/02/19
6.9K
1
基于 Debian 的 Linux 发行版--Kali Linux

Kali Linux(以前叫做 BackTrack)是一份基于 Debian 的发行,它带有一套安全和计算机取证工具。其特色在于及时的安全更新,对 ARM 架构的支持,有四种流行的桌面环境供选择,以及能平滑升级...

匿名
2013/03/14
3.5W
10
jQuery仿亚马逊风格图片滚动插件--amazon_scroller.js

亚马逊是美国甚至是全世界最大的网络电子商务公司,它的网站也相对简单,不花哨。这款图片滚动效果正是模仿自亚马逊网站,自定义参数比较多,可以设置图片滚动间隔、是否显示标题、图片大小、...

dowebok
2013/04/04
2.2K
1
上拉和下拉刷新的瀑布流

基于 UIScrollview 的带上拉加载下一页数据和下拉刷新的瀑布流demo。本Demo使用使用 UrlImageView 实现网络图片异步加载和 EGORefresh 实现刷新。 [Code4App.com]...

匿名
2013/04/12
4.3K
0

没有更多内容

加载失败,请刷新页面

加载更多

Java基础—List集合的概念及使用方法

Collection是最基本的集合接口,一个Collection代表一组Object,即Collection的元素(Elements)。一些Collection允许相同的元素而另一些不行。一些能排序而另一些不行。Java SDK不提供直接继...

afreon
2018/08/01
7
0
MP3 tag编辑器-puddletag

puddletag是一款Linux平台下开源的音频标签编辑器。遵守GPL v3开源协议。类似于Windows平台下的Mp3tag软件,表格的界面更适合批量修改音乐tag。支持从文件名里提取为tag信息,或者根据Tag信息...

osc_tnexgcb8
24分钟前
0
0
java实现淘宝模拟登陆

java实现淘宝模拟登陆 目录 java实现淘宝模拟登陆 一、前期准备 1. 工具 2. 下载浏览器驱动 3. 导入Maven依赖 二、具体代码 三、参考: 一、前期准备 1. 工具 IDE(笔者使用IDEA ) Maven 浏览...

osc_m53xdida
25分钟前
0
0
PHP+Redis链表解决高并发下商品超卖问题

目录 实现原理 实现步骤 上一篇文章聊了一下使用Redis事务来解决高并发商品超卖问题,今天我们来聊一下使用Redis链表来解决高并发商品超卖问题。 实现原理 使用redis链表来做,因为pop操作是...

osc_urkxdqms
26分钟前
9
0
Unity 用ml-agents机器学习造个游戏AI吧(2) (深度强化学习入门DEMO)

目录 本次示例:训练一个追踪红球的白球AI 1. 新建Unity项目,导入package 2. 编写Agent脚本 void OnEpisodeBegin() void CollectObservations(VectorSensor sensor) void OnActionReceived(......

osc_wxsc35it
28分钟前
0
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部