简单实现图片预览功能

最新推荐文章于 2025-09-19 11:10:56 发布

原创

最新推荐文章于 2025-09-19 11:10:56 发布 · 1k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#javascript

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>简单实现图片预览功能</title>
    <script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.6.0/jquery.js"></script>

最低0.47元/天解锁文章

7 条评论

weixin_47456500 2022.07.11
博主，请问一下点击图片外的区域怎么不能缩小
- weixin_47456500回复五花漏 2022.07.13
  比如 <div class="img-box" v-if="Imgs.length"> <div class="img-box_item" v-for="(item,i) in Imgs" :key="i"> <img :src="item" onclick="imgShow()"> <div class="imgDolage dis"> <img class="imagesBody" src="" alt=""> </div> </div> </div>运行出来有两张图片，点击其中一张图片，可以一次性预览两张图片，不用退出去再点击第二张图片预览
- 五花漏回复weixin_47456500 2022.07.12
  怎么动态的遍历呀
- weixin_47456500回复五花漏 2022.07.12
  昨天是括号的问题，把let ActiveImages = false以及后面的代码放到imgshow()里面就成功了
- weixin_47456500回复五花漏 2022.07.12
  请问博主，就是可以同时预览多张动态遍历图片吗？
- 五花漏回复weixin_47456500 2022.07.11
  我用谷歌、火狐、360试着都可以呀
- 五花漏回复weixin_47456500 2022.07.11
  我刚刚试了一下，可以呀