基于jQuery实现移动端点击小图弹出lightbox代码



103 409 137



特效描述:基于jQuery实现 移动端 点击小图弹出 lightbox代码,基于jQuery实现移动端点击小图弹出lightbox代码

代码结构

1. 引入CSS

<link rel="stylesheet" type="text/css" href="css/lightGallery.css" />

2. 引入JS

<script type="text/javascript" src="js/jquery.min.js"></script>
<script type="text/javascript" src="js/lightGallery.min.js"></script>

3. HTML代码

<ul id="auto-loop" class="gallery">
	<li data-src="img/img1.jpg"><a href="http://www.51qianduan.com/"><img src="img/thumb1.jpg" /></a></li>
	<li data-src="img/img2.jpg"><a href="http://www.51qianduan.com/"><img src="img/thumb2.jpg" /></a></li>
	<li data-src="img/img3.jpg"><a href="http://www.51qianduan.com/"><img src="img/thumb3.jpg" /></a></li>
	<li data-src="img/img4.jpg"><a href="http://www.51qianduan.com/"><img src="img/thumb4.jpg" /></a></li>
</ul>



用户评论
大牛,别默默的看了,快登录帮我点评一下吧!:)      登录 | 注册


热门标签: 滚动流动 flash焦点图 悬浮浮动漂浮 自动滚动图片轮播 弹出层拖动 窗口提示框 浮动提示框 切换按钮 form表单 焦点图幻灯片 图片广告 图片滚动 自动滚动图片轮播 lightbox 按钮控制

×
×

注册

官方QQ群

扫描上面二维码加微信群

官方QQ群

jQuery/js讨论群
群号:642649996
Css3+Html5讨论群
群号:322131262

加群请备注:从官网了解到