文档章节

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
微信音乐相册制作微信场景制作方法?源码?

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

我是一个小小草
2015/11/21
173
1
面试题:如何测试微信朋友圈(附图)

如果碰到这种题目,我们可以从以下几个方面来分析: 功能、界面/易用性、中断、网络、兼容性、安全性、性能测试 温馨提示:本文文字内容有点多,如果不喜欢看大篇幅文字的朋友,可自行拖到文...

豆姐姐
07/27
0
0
android中liestview 或则gridview 点击某个item图标,从服务器端怎么...

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

原来是梦
2013/10/06
0
1
近乎Android客户端2.0版本即将发布!

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

whp610
2014/04/16
4.5K
26

没有更多内容

加载失败,请刷新页面

加载更多

下一页

002,zabbix-agent的安装 监控Linux主机

2.1.安装zabbix-agent $ rpm -i http://repo.zabbix.com/zabbix/3.4/rhel/7/x86_64/zabbix-release-3.4-2.el7.noarch.rpm$ yum install -y zabbix-agent zabbix-get 2.2.配置zabbix-agent ......

happyeveryday32
34分钟前
2
0
docker learn :swarm

swarm是什么 swarm是一组运行docker服务的集群,之后,还是使用那些命令去操作docker,但是是通过swarm manager来执行的。 swarm中的机器可以是实体的也可以是虚拟的,加入swarm后,他们被当作...

writeademo
34分钟前
1
0
Golang + vscode 开发环境配置

GOPATH 环境变量的配置 https://my.oschina.net/xinxingegeya/blog/718305 安装vscode go 扩展 下载vscode ,安装go的扩展https://github.com/Microsoft/vscode-go 该扩展对 Golang 支持非常......

秋风醉了
36分钟前
0
0
idea jar包

我自己用idea新建一个springboot项目,打包一直有问题,百度了下,又总结了下。 方式一: 找到Project Structure菜单,然后点开,照下图点击 然后出现下图所示 红框1:为你项目的main函数所在...

朝如青丝暮成雪
38分钟前
0
0
Vue scoped CSS 与深度作用选择器 /deep/

使用 scoped 后,父组件的样式将不会渗透到子组件中。 例如(无效): <template> <div id="app"> <el-input class="text-box" v-model="text"></el-input> </div></template><......

不负好时光
38分钟前
0
0

没有更多内容

加载失败,请刷新页面

加载更多

下一页

返回顶部
顶部