当前位置: 首页 > news >正文

30.图片灯箱插件——lightBox

该插件可以用圆角的方式展示选择中的图片,使用按钮查看上下张图片,在加载图片时自带进度条,还能以自动播放的方式浏览图片,调用格式如下:

$(linkimage).lightBox({options})

其中linkimage参数为包含图片的<a>元素名称,options为插件方法的配置对象。

例如,以列表的方式在页面中展示全部的图片,当用户单击其中某张图片时,通过引入的图片插件,采用“灯箱”的方式显示所选的图片,如下图所示:

在浏览器中显示的效果:

从图中可以看出,当用户点击“我的相册”中某一张图片时,则采用“灯箱”的方式显示选中图片,在显示图片时,还可以切换上下张和自动播放及关闭图片。

转载于:https://www.cnblogs.com/binhuguang/p/4359084.html

相关文章:

  • 等待实习的offer中的想法
  • WebStorm提示快捷键
  • 在VMware Workstation上安装Kali Linux
  • windows运行打开服务命令的方法 :
  • AppCode cocoapods install 慢
  • ActiveMQ的集群与高可用
  • 【C++】atoi与stoi
  • iPhone/iPad被停用怎么办 3招轻松解锁
  • 新手如何有效地学习.NET
  • 我有一个idea,但是没有钱,又没技术怎么办?
  • php生成随机密码的几种方法
  • LAMP理论整理
  • Webservice soap wsdl区别之个人见解
  • proguard混淆jar文件
  • js操作大全(转)
  • Android 架构优化~MVP 架构改造
  • android 一些 utils
  • avalon2.2的VM生成过程
  • CentOS6 编译安装 redis-3.2.3
  • download使用浅析
  • ESLint简单操作
  • git 常用命令
  • JavaScript 奇技淫巧
  • Service Worker
  • Vue官网教程学习过程中值得记录的一些事情
  • 测试开发系类之接口自动化测试
  • 动态魔术使用DBMS_SQL
  • 分布式熔断降级平台aegis
  • 给初学者:JavaScript 中数组操作注意点
  • 每天10道Java面试题,跟我走,offer有!
  • 如何实现 font-size 的响应式
  • 数组的操作
  • 怎样选择前端框架
  • 字符串匹配基础上
  • MiKTeX could not find the script engine ‘perl.exe‘ which is required to execute ‘latexmk‘.
  • No resource identifier found for attribute,RxJava之zip操作符
  • 7行Python代码的人脸识别
  • 基于django的视频点播网站开发-step3-注册登录功能 ...
  • ​一文看懂数据清洗:缺失值、异常值和重复值的处理
  • #Linux(make工具和makefile文件以及makefile语法)
  • (23)Linux的软硬连接
  • (NO.00004)iOS实现打砖块游戏(十二):伸缩自如,我是如意金箍棒(上)!
  • (附源码)springboot码头作业管理系统 毕业设计 341654
  • (含react-draggable库以及相关BUG如何解决)固定在左上方某盒子内(如按钮)添加可拖动功能,使用react hook语法实现
  • (介绍与使用)物联网NodeMCUESP8266(ESP-12F)连接新版onenet mqtt协议实现上传数据(温湿度)和下发指令(控制LED灯)
  • (转)scrum常见工具列表
  • (转)Unity3DUnity3D在android下调试
  • (自适应手机端)响应式新闻博客知识类pbootcms网站模板 自媒体运营博客网站源码下载
  • .NET DevOps 接入指南 | 1. GitLab 安装
  • .NET Framework 3.5中序列化成JSON数据及JSON数据的反序列化,以及jQuery的调用JSON
  • .NET/C# 避免调试器不小心提前计算本应延迟计算的值
  • .NET导入Excel数据
  • /boot 内存空间不够
  • @RequestParam详解
  • @WebService和@WebMethod注解的用法