zoukankan      html  css  js  c++  java
  • 基于HTML5的超酷图片画廊 Juicebox Lite


    基于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>

     

    欢迎访问GBin1.com
  • 相关阅读:
    体育场馆预订系统版本1.0
    需求分析
    系统界面主地图
    详细设计
    概要设计
    测试用例正式发布
    第二次全体会议顺利召开5.30
    第一次小组会议(5.24)
    SDk编程基础
    单词canutillos祖母绿canutillos英语
  • 原文地址:https://www.cnblogs.com/gbin1/p/2533019.html
Copyright © 2011-2022 走看看