文档章节

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

l
 luckxz999
发布于 2016/06/20 18:06
字数 173
阅读 14
收藏 0
点赞 0
评论 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 ⋅ 17

微信音乐相册制作微信场景制作方法?源码?

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

我是一个小小草 ⋅ 2015/11/21 ⋅ 1

android中liestview 或则gridview 点击某个item图标,从服务器端怎么...

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

原来是梦 ⋅ 2013/10/06 ⋅ 1

近乎Android客户端2.0版本即将发布!

青岛拓宇网络科技将于4月17日发布社交产品近乎Android手机客户端2.0版本。时隔8个月,拓宇移动开发团队对近乎Android手机客户端的很多功能都进行了改进完善,在版本1.0的基础上,采用原生And...

whp610 ⋅ 2014/04/16 ⋅ 26

iOS 10 新增的功能

功能1:将你的iPhone摄像头变成一个放大镜 如果你想要使用放大镜,只需要从设置-通用-辅助功能-放大器进入之后将该功能开启,然后回到主屏幕页面连按三次Home键便可开启放大镜功能了。虽然相...

linweida ⋅ 2016/09/19 ⋅ 0

移动端web无刷新上传图片【兼容安卓IOS】

博客已转移到:PHP博客

3147972 ⋅ 2014/09/11 ⋅ 0

吊炸天!74款APP完整源码!

首发原文:吊炸天!74款APP完整源码 超级干货大集合! 收集这74款APP源码真的是殚精竭虑,呕心沥血呀!哈哈 现在你只需要扫码关注本文末尾的公众号,回复:“A”,按步骤操作,74款APP源码将...

xhmj12 ⋅ 2016/10/14 ⋅ 0

玩 High API 系列之:智能云相册

摘要: 相册是手机中的一个非常重要的功能,然而目前的大部分手机的相册非常普通,仅仅有查看照片,编辑相片的等几个简单功能。我们来看看如果在API时代,如何通过调用API快速实现一个好玩的...

阿里云云栖社区 ⋅ 02/05 ⋅ 0

阿里云推出全球首个影像类应用一站式解决方案:智能云相册

摘要:智能云相册(Cloud Photos)是阿里云为影像类应用提供的一站式解决方案,能够提供影像文件存储、管理等基础功能,还支持对影像内容进行分类打标、面孔识别等智能分析,并提供基于自然语...

阿里云云栖社区 ⋅ 2017/11/28 ⋅ 0

无内测账号,手把手教你微信小程序开发

「小程序」这个划时代的产品发布快一周了,互联网技术人都在摩拳擦掌,跃跃欲试。可是小程序目前还在内测,首批只发放了 200 个内测资格(泪流满面)。本以为没有 AppID 这个月就与小程序无缘...

EarlGrey ⋅ 2016/09/28 ⋅ 6

没有更多内容

加载失败,请刷新页面

加载更多

下一页

Kubeflow实战系列:利用TFJob导出分布式TensorFlow模型

介绍 本系列将介绍如何在阿里云容器服务上运行Kubeflow, 本文介绍如何使用TfJob导出分布式模型训练模型。 第一篇:阿里云上使用JupyterHub 第二篇:阿里云上小试TFJob 第三篇:利用TFJob运行...

全部原谅 ⋅ 8分钟前 ⋅ 0

007. 深入JVM学习—老年代

老年代空间的主要目的是用于存储由Eden发送来的对象,一般在经历好几次“Minor GC”还会保存下来的对象,才会被复制到老年代,这样就可以存放更多的对象,同时在老年代中执行GC的次数也相对较...

影狼 ⋅ 9分钟前 ⋅ 0

常见的一些C#开源框架或者开源项目

原:https://blog.csdn.net/qq_27825451/article/details/70666044 Json.NET http://json.codeplex.com/ Json.Net 是一个读写Json效率比较高的.Net框架.Json.Net 使得在.Net环境下使用Json更......

whoisliang ⋅ 10分钟前 ⋅ 0

设计模式基本原理

刚开始接触编程这行的时候看过设计模式,当时感觉学这些模式没有太大的用处,当时也看不太懂。但是随着慢慢接触这一行,经过一段时间的编程以后,再回过头来看设计模式,发现设计模式的确是太...

王子城 ⋅ 14分钟前 ⋅ 0

阿里云全面支持IPv6!一文揽尽4位大咖精彩演讲

摘要: 自从去年11月以来,阿里巴巴高度重视数据中心的网络改造、云产品改造、应用及网络改造等多个维度,经过半年以来的建设,阿里云已经完成了域名解析等关键产品的分析,现在阿里云已经完...

传授知识的天使 ⋅ 24分钟前 ⋅ 0

windows Android sdk 配置

1、下载Android SDK,点击安装,直接默认路径即可! 下载地址:http://developer.android.com/sdk/index.html 2、默认路径安装后,安装完成,开始配置环境变量。 3、打开计算机属性——高级系...

阿豪boy ⋅ 27分钟前 ⋅ 0

bash shell script 简明教程

User <--> bash <--> kernel shell is not kernel or part of kernel various shells: tcsh, csh, bash, ksh find the using shell: echo $SHELL find all the shells: cat /etc/shells what......

mskk ⋅ 29分钟前 ⋅ 0

Service Mesh简史

William Morgan Service Mesh是一个相当新的概念,讲它的“历史”似乎有些勉强。就目前而言,Service Mesh已经在部分企业生产环境中运行了超过18个月,它的源头可以追溯到2010年前后互联网公...

好雨云帮 ⋅ 30分钟前 ⋅ 0

10个免费的服务器监控工具

监控你的WEB服务器或者WEB主机运行是否正常与健康是非常重要的。你要确保用户始终可以打开你的网站并且网速不慢。服务器监控工具允许你收集和分析有关你的Web服务器的数据。 有许多非常好的服...

李朝强 ⋅ 42分钟前 ⋅ 0

压缩工具之zip-tar

zip 支持目录压缩。使用yum安装zip包,使用yum安装unzip包 zip 1.txt.zip 1.txt #将1.txt文件压缩,新生成的压缩文件为1.txt.zip,原文件保留 zip -r 123.zip 123/ #-r对目录操作。将123/目录...

ZHENG-JY ⋅ 42分钟前 ⋅ 0

没有更多内容

加载失败,请刷新页面

加载更多

下一页

返回顶部
顶部