Jquery实现文章内图片预览,自动等比缩放
Song •
1277 次浏览 •
0个评论 •
2023年05月04日
Jquery图片预览插件
一、接入方法:
- 1、引用Jquery文件;
- 2、引用 preview-image.js;
- 3、引用 preview-image.css;
- 4、在需要支持图片预览的外部容器中添加class
preview-image-content
;
二、案例代码:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>图片预览插件</title>
<script src="./js/jquery.min.js"></script>
<script src="./js/preview-image.js"></script>
<link rel="stylesheet" href="./css/preview-image.css">
</head>
<body>
<div class="preview-image-content">
<img src="./images/1.jpg">
<img src="./images/2.jpg">
<img src="./images/3.jpg">
</div>
</body>
</html>
演示案例:
更多相关好文
-
laravel中distinct()的使用方法与去重 2017-09-11
-
Laravel将view缓存为静态html,laravel页面静态缓存 2021-10-09
-
[ laravel爬虫实战--基础篇 ] guzzle描述与安装 2017-11-01
-
[ 配置教程 ] 在ubuntu16.04中部署LNMP环境(php7+maridb且开启maridb远程以及nginx多域名访问 )并配置laravel环境 2017-07-18
-
mysql如何给运营人员添加只有查询权限的账号 2024-12-02
热门文章
-
mysql如何给运营人员添加只有查询权限的账号 2024-12-02
-
Mac 安装mysql并且配置密码 2024-11-20
-
阿里云不同账号(跨账号)ECS服务器同地域如何实现免费内网互通? 2024-11-12
-
electron安装使用better-sqlite3并解决NODE_MODULE_VERSION xxx. This version of Node.js requires 2024-11-06
-
Zerotier+Moon+Nginx实现内网穿透搭建网站 2024-08-23
electron安装使用better-sqlite3并解决NODE_MODULE_VERSION xxx. This version of Node.js requires