免费 域名 空间 相册 邮箱 资源 网赚 试用 优惠 工具
教程 设计 三维 学院 办公 网页
素材 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无关;如以上转载内容不慎侵犯了您的权益,请联系我们将会及时处理。
    [责任编辑:广信小编]

    精彩图文

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