《贤心旧版jquery layer.js如何展示相册》要点:

本文介绍了贤心旧版jquery layer.js如何展示相册,希望对您有用。如果有疑问,可以联系我们。

贤心layer.js是一款卓越的DIV层弹窗,注意我用的是“卓越”这个词,我觉得不过份。

这是一款轻量级,但丝毫不影响它多采的表现,各种功能比重量级layer还更多,

消息提示tip, msg提示,alert提示,confirm, prompt。。。。多到令你惊呆。

参官网演示:http://layer.layui.com/

现在新版layer.js已整合到layui 中,旧版的成为经典了,本站vephp.com依然使用的是旧版(做了很多优化)。

随新版的推广,旧版以后估计难以下载到了,所以慢慢就记录下它的用法吧。

下面一例是layer.js展示相册,主要是演示了它的参数,重点是其中的json格式:

layer.config({extend: 'extend/layer.ext.js'});

var thumb = $(imgHtml).attr('src'); //缩略图,如http://www.vephp.com/public/uploads/img/2017042019544833274_t.jpg

var src = thumb.replace('_t','');

var json =     {

'title' :'',

'id':11,

'start':0,

'data':[{

'alt' : '大图展示',

'pid' :  1,

'src' : src,

'thumb': thumb   //并不会展示

}]

};

layer.photos({

photos: json

,anim: 0 //0-6的选择,指定弹出图片动画类型,默认随机

});

layer php相册层,贤心旧版jquery layer.js如何展示相册相关推荐

  1. layui内置模块(layer弹出层)

    前面我们已经对layui前端框架的页面元素进行了简单的学习,但是作为一个可用的程序,仅仅是长的好看,并没有那个什么用:在好看的同时还需要实用和酷炫,实用就需要实现我们方便的和后端进行数据交互,酷炫就是 ...

  2. layui弹出层html,layer弹出层

    layer 弹出层,怎么只让他弹出一次.在线等 我昨天用这个插件的时候也有这个问题,弹出内容大了就居不了中.这是组件不完美的地方,他设置了top和left值,而且是固定的.这种弹出层都是绝对定位的 所 ...

  3. layer之弹层组件文档 layui.layer(v.1.9.0之后)

    弹层组件文档 - layui.layer layer 至今仍作为 layui 的代表作,她的受众广泛并非偶然,而是这数年来的坚持.不弃的执念,将那些不屑的眼光转化为应得的尊重,不断完善和维护.不断建设 ...

  4. jQuery Layer 弹层组件

    layer是一款近年来口碑非常不错的web弹层组件,她具备全方位的解决方案,致力于服务各个水平段的开发人员,您的页面会轻松地拥有丰富友好的操作体验. 在与同类组件的比较中,layer总是能轻易获胜.她 ...

  5. Vue(二十一)Layer弹出层

    安装:下载源码到本地 layer: 丰富多样的 Web 弹出层组件,可轻松实现 Alert/Confirm/Prompt/普通提示/页面区块/iframe/tips 等等几乎所有的弹出交互.目前已成为 ...

  6. LoRa 之一 旧版驱动(sx12xxDrivers-V2.1.0)移植及驱动架构详解

      在之前的项目中,一直使用 LoRa 通信.很早之前就想写写文章记录一下学习过程.怎奈一直是一知半解的状态,想写不敢写!LoRa 这个东西在国内用的貌似不是太多.   对于无线通信,各个国家或者地区 ...

  7. 积分和人民币比率_通过比率路由到旧版和现代应用程序–通过Spring Cloud的Netflix Zuul...

    积分和人民币比率 从应用程序的旧版本迁移到应用程序的现代化版本时,一个非常常见的要求是能够将用户缓慢迁移到新应用程序. 在本文中,我将介绍通过Spring Cloud使用对Netflix Zuul的支 ...

  8. 基于比率的路由到旧版和现代应用程序–通过Spring Cloud的Netflix Zuul

    从应用程序的旧版本迁移到应用程序的现代化版本时,一个非常普遍的要求是能够将用户缓慢迁移到新应用程序. 在本文中,我将介绍通过Spring Cloud使用对Netflix Zuul的支持编写的这种路由层 ...

  9. 2018计算机三级网络技术百度云,百度网盘2018旧版

    百度网盘2018旧版经典的存储云空间软件.超多的容量可以确保用户们都能够完美的储存下自己想要的一切,更有快速提取传输等一系列相关优质功能,对百度网盘2018旧版感兴趣就快来下载吧. 百度网盘2018旧 ...

  10. 改版后的51la统计,与旧版有何区别呢?

    16岁高龄的51LA梳妆打扮一番,涂上嫣红,披上新衣裳,站在网站统计的舞台中央,继续为大家奉上最精彩的表演. (新版51la演示图) 相比于旧版,新版51la在功能延展性.外观界面上,都要赏心悦目些. ...

最新文章

  1. 关于键盘上方创建返回按钮
  2. 橡皮筋模型不太对呀?!
  3. ssh开启root用户登录
  4. goland 创建工程(go mod)singo
  5. 「2017 山东一轮集训 Day5」距离
  6. [android] No resource found that matches the given name 'Theme.AppCompat.Light'
  7. 经典面试题 之 子数组之和最大值
  8. CentOS下IPTABLES配置详解
  9. vscode emmet默认模板_从零开始配置 vscode
  10. 计算机网络英文题库,强烈推荐计算机网络英文试题库(附答案)chapter.doc
  11. 获取spring里的bean
  12. 找图点击-找图自动点击全能模拟王软件
  13. Drool实战系列(一)之入门程序
  14. 目标检测的图像特征提取之(一)HOG特征
  15. 汽车营销与保险【1】
  16. Android Runtime.getRuntime().exec()
  17. 【云云怪】第4个项目:20以内加减法(剧情版)
  18. 逆波兰式 java_逆波兰式(后缀表达式)的计算 中缀表达式转后缀表达式(逆波兰式)【java实现】...
  19. 宇视NVR如何使用RTSP协议添加相机
  20. Python 与神奇的数学之汉诺塔

热门文章

  1. SAP BW顾问如何保持市场竞争力?【转自WKingChen的博客】
  2. 环境样品中病毒的富集与检测方法
  3. RH8搭建静态网站——基于https协议的静态网站(综合练习)
  4. 博乐科技2022校招内推
  5. 提高迅雷下载速度 超好用,下载速度实实在在的提高了!
  6. otl连接mysql数据库_OTL--c++中连接数据库的方法
  7. 学习笔记1--汽车发展史及发展趋势
  8. matlab收益率,债券价格与收益率的Matlab实现(10页)-原创力文档
  9. 一个超赞的开源串口虚拟示波器项目,玩起来!
  10. 利用Windows命令行快速隐藏文件