llightbox使用 (图片放大效果)
来源:互联网 发布:网页源码看不懂 编辑:程序博客网 时间:2024/06/05 01:59
<ul class="ads_nav list-unstyled">
<h4><a href="javascript:;" style="color:#f4546f;">家族相册</a></h4>
<li><a href="images/slider1.jpg" data-lightbox='example-set' title="依旧宝贝"><img src="images/slider1.jpg"> </a></li>
<li><a href="images/slider1.jpg" data-lightbox='example-set' title="依旧宝贝"><img src="images/slider1.jpg"> </a></li>
<li><a href="images/slider1.jpg" data-lightbox='example-set' title="依旧宝贝"><img src="images/slider1.jpg"> </a></li>
<li><a href="images/slider1.jpg" data-lightbox='example-set' title="依旧宝贝"><img src="images/slider1.jpg"> </a></li>
<div class="clearfix"></div>
</ul>
这是html种的图片的代码 当然了 首先需要引入lightbox.js 跟 lightbox.css两个
这里需要注意的是 一定要有data-lightbox属性 这里设置均为一致 表示全部放入lightbox盒子中 由插件来进行管理
具体可以查看官网配置 修改相关配置
阅读全文
0 0
- llightbox使用 (图片放大效果)
- 使用Axure图片放大缩小,渐进效果
- js图片放大效果
- js图片放大效果
- js图片放大效果
- js图片放大效果
- 图片放大效果
- 图片滑动放大效果
- ImageZoom 图片放大效果
- js 图片放大效果
- js 图片放大效果
- JQZoom图片放大效果
- 竖排图片放大效果
- 图片放大效果
- 图片拉伸放大效果
- 图片点击放大效果
- 图片放大效果
- js中animate 的使用图片放大缩小效果
- ACdream 1667 调皮的数一 (大数+dp)
- rman配置+配置详细+修改配置+rman数据字典
- servlet中乱码处理,传参数
- JAVASE基础回顾总结(一)
- 【DP SDOI2008 BZOJ 2037】Sue的小球
- llightbox使用 (图片放大效果)
- Android运行项目报错:Error:Execution failed for task ':app:clean'. > Unable to delete directory:
- Python下的Mysql模块MySQLdb安装详解
- 文章标题
- bash: hdfs: command not found
- 【java基础】IO流的操作分析
- 希尔排序
- Internet 和 internet 的区别是什么?
- leetcode 144