首页 前端知识 Jquery实现文章内图片点击放大预览效果,自动等比缩放

Jquery实现文章内图片点击放大预览效果,自动等比缩放

2024-04-29 11:04:34 前端知识 前端哥 135 359 我要收藏

github仓库地址:lusongcn/preview-image

一、接入方法:

  • 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-i
转载请注明出处或者链接地址:https://www.qianduange.cn//article/6025.html
标签
评论
发布的文章

qt JSON和字符串相互转换

2024-05-05 12:05:04

nlohmann::json从入门到精通

2024-05-05 12:05:00

Android-第十节JSON讲解

2024-05-05 12:05:35

FastJson 框架详解

2024-05-05 12:05:31

MySql操作JSON

2024-05-05 12:05:31

大家推荐的文章
会员中心 联系我 留言建议 回顶部
复制成功!