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>

    搞定!当然你可以使用它提供的builder工具来处理图片。希望大家喜欢这个画廊!

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

    欢迎访问GBin1.com
  • 相关阅读:
    闭包
    原型继承
    js时间戳转成日期格式
    常用正则表达式
    vue中如何实现pdf文件预览?
    Vue动画效果
    手把手教你封装 Vue 组件,并使用 npm 发布
    LCD驱动(FrameBuffer)实例开发讲解
    每个程序员都该阅读的书
    LCD platform_device(s5pv210)
  • 原文地址:https://www.cnblogs.com/gbin1/p/2545094.html
Copyright © 2011-2022 走看看