文档章节

lightGallery实现手机端简单相册浏览功能

l
 luckxz999
发布于 2016/06/20 18:06
字数 173
阅读 14
收藏 0

第一步:引入相关文件

jQuery主文件:
<script src="jquery-1.9.1.min.js" type="text/javascript"></script>
lightGallery主文件
<script src="/lightGallery/js/lightGallery.min.js"></script>
<link rel="stylesheet" href="/lightGallery/css/lightGallery.css"/>

其中字体主要用于页面上小图标的展示,即

第二步:html组织及js初始化

<ul class="gallery">
    <li data-src="${largeImagePath1}">
        <a href="javascript:void(0)">
            <img class="box" src="${thumbImagePath1}"/>
        </a>
    </li>
    <li data-src="${largeImagePath2}">
        <a href="javascript:void(0)">
            <img class="box" src="${thumbImagePath2}"/>
        </a>
    </li>
    <li data-src="${largeImagePath3}">
        <a href="javascript:void(0)">
            <img class="box" src="${thumbImagePath3}"/>
        </a>
    </li>
</ul>
$(document).ready(function () {
    $(".gallery").lightGallery({
        loop:true,
        auto:true,
        speed:0,
        pause:5000,
        closable: false
    });
});

© 著作权归作者所有

共有 人打赏支持
l
粉丝 0
博文 5
码字总数 8084
作品 0
商丘
近乎推出移动端 V2.0,社区进入“微时代”

“微时代”顾名思义,最明显的特征就是“微”。信息简短,即时性强,依赖于便携通讯设备。智能手机的普及程度不用说,这个小小的机器在短短几年内就渗透进我们生活的每个角落,而花样百出的手...

whp610
2014/04/17
2.7K
17
一款简约的 Hugo 主题 - LeaveIt

LeaveIt is a clean, elegant, simple but not simpler blog theme for Hugo. 主题特色 支持 Dark/Light 模式切换 图片懒加载 集成 lightGallery 图片相册方式显示 代码高亮 配置 CDN 地址后...

柳志超
09/13
0
0
android中liestview 或则gridview 点击某个item图标,从服务器端怎么...

android中liestview 或则gridview 点击某个item图标,能够从服务器端怎么实现相册功能? 求解: 如图一所示:点击图一列表中的任何一张图标,都可以进入到对应自己的相册(如图二)可以同时左右...

原来是梦
2013/10/06
0
1
微信音乐相册制作微信场景制作方法?源码?

现在智能手机非常的发达,许多网友都有希望在手机上分享音乐相册的想法,但是往往很多音乐相册的教程都不适应制作手机相册,微信相册,所以这篇文章特意介绍如何制作一个漂亮的微信音乐相册。...

我是一个小小草
2015/11/21
173
1
小程序 — 保存图片到手机相册

讲一下在微信小程序中,怎么把网络图片保存到本机相册中;这个功能其实在小程序开发中还是很常见的,比如保存海报之类的等等。 GitHub:https://github.com/Ewall1106/miniProgramDemo 1、保...

Ewall_
09/06
0
0

没有更多内容

加载失败,请刷新页面

加载更多

Java GC机制详解

垃圾收集 Garbage Collection 通常被称为“GC”,本文详细讲述Java垃圾回收机制。 导读: 1、什么是GC 2、GC常用算法 3、垃圾收集器 4、finalize()方法详解 5、总结--根据GC原理来优化代码 ...

小刀爱编程
16分钟前
1
0
ORACEL学习--理解over()函数

二、理解over()函数 1.1、两个order by的执行时机 分析函数是在整个sql查询结束后(sql语句中的order by的执行比较特殊)再进行的操作, 也就是说sql语句中的order by也会影响分析函数的执行结果...

spinachgit
18分钟前
1
0
抽象语法树

import asttree = ast.parse('def hello_word(): print("hello world!")')def hell_word(): print(1)print(ast.dump(tree)) 语法树 可以基于这个实现另外一种编程语言...

colin_86
19分钟前
1
0
Akka查询设备组《fourteen》译

加入以下依赖到项目中: 介绍: 到目前为止,我们看到的会话模式很简单,因为它们要求Actor保持很少或没有状态。 特别: 设备actor返回一个读数,不需要更改状态。 记录温度,更新单个字段。...

woshixin
26分钟前
1
0
wait、notify、notifyAll 的用法

wait()、notify()、notifyAll()是三个定义在Object类里的方法,用来控制线程的状态。这三个方法最终调用的都是jvm的native方法, 随着jvm运行平台的不同可能有些许差异。 wait(): 使持有该对...

noob_fly
28分钟前
1
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部