LiteBox 支持单个图片,图片组,iframe
类似的jq插件还有colorbox,fancyBox可以搜索本站代码

XML/HTML Code
- <p>
- <a href="assets/imgs/004.jpg" target="_self" class="inline-block litebox" data-litebox-group="group-1"><img src="assets/imgs/004-thumb.jpg" class="inline-block" /></a>
- <a href="assets/imgs/003.jpg" target="_self" class="inline-block litebox" data-litebox-group="group-1"><img src="assets/imgs/003-thumb.jpg" class="inline-block" /></a>
- <a href="assets/imgs/002.jpg" target="_self" class="inline-block litebox" data-litebox-group="group-1"><img src="assets/imgs/002-thumb.jpg" class="inline-block" /></a>
- <a href="assets/imgs/001.jpg" target="_self" class="inline-block litebox" data-litebox-group="group-1"><img src="assets/imgs/001-thumb.jpg" class="inline-block" /></a>
- </p>
- <p><small>Image Credits: <a href="http://unsplash.com/" target="_blank">Unsplash</a></small></p>
JavaScript Code
- <script type="text/javascript">
- $('.litebox').liteBox();
- </script>
原文地址:http://www.freejs.net/article_jquerytupiantexiao_425.html
最近更新
- jQuery json 无刷新翻页 ...
- 纯css3带倒影效果的图片翻转特效
- jQuery网站右下角悬浮留言表单代...
- jquery宽屏焦点图片动画轮播代码
- jquery带缩略图可触摸焦点图
- jquery无刷新分页
我爱薅羊毛
点击最多
广告赞助
相关文章
- 超简单的jquery 左右滚动图片,箭头控制左右滚...
- jQuery 几种不同的slide滑动banner...
- jQuery响应式图片跑马灯 无缝滚动
- jQuery支持鼠标滚轮缩放以及点击按钮缩放图片插...
- scrollable各种无缝滚动演示,包括水平/垂...
- 支持PC和移动端的滑块式验证码 拖动拼图式验证码