软件 聊天 安全 视频 浏览器 下载 系统 办公 教学 输入法
免费 域名 空间 相册 邮箱 资源 网赚 试用 优惠 工具
教程 设计 三维 学院 办公 网页
素材 PSD 矢量 网页 PPT 动画
美女 唯美 大生活 美图 风景 时尚艺
资讯 新闻 专题 热点
您的位置: 广信之家 > 免费资源 > 分享资源 > 文章正文

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

时间:06-05 15:14 来源:gbin1.com 整理:广信小编 我要评论(0)
字号:T|T
内容提要:
  图片画廊是web或者网站开发中经常会用到的组件,非常适合作为图片展示,个人作品展示和相册使用。今天我们将介绍一个非常棒的基于HTML5的图片画廊 - Juicebox Lite,希望大

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

图片画廊是web或者网站开发中经常会用到的组件,非常适合作为图片展示,个人作品展示和相册使用。今天我们将介绍一个非常棒的基于HTML5的图片画廊 - Juicebox Lite,希望大家喜欢!

Juicebox Lite是基于HTML5的免费个人画廊,可以帮助开发人员创建超酷的图片画廊,

主要特性

1.支持windows,Mac和Linux

2.支持IE6+,FF3.6+,chrome,Safari和Opera

3.支持移动手机/平板电脑

4.针对不同的设备自适应

5.漂亮的responsive界面

6.支持HTML5标准

7.提供JuiceboxBuilder程序,可以方便的处理图片

8.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.***.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工具来处理图片。希望大家喜欢这个画廊!

    相关阅读:

    顶一下
    (0)
    0%
    踩一下
    (0)
    0%
    免责申明:以上内容仅代表原创者观点,其内容未经本站证实,基于HTML5的超酷图片画廊-Juicebox Lite对以上内容的真实性、完整性不作任何保证或承诺,转载目的在于传递更多信息,由此产生的后果与基于HTML5的超酷图片画廊-Juicebox Lite无关;如以上转载内容不慎侵犯了您的权益,请联系我们将会及时处理。
    [责任编辑:广信小编]

    精彩图文

    登录 (请登录发言,并遵守 相关规定)
    如果你对广信之家有任何意见或建议,请到交流平台反馈。到留言板反馈