文章里面的图片在前端展示时能不能设置点击放大

迅睿框架更新 2021-05-19 15:58:12

1169830087

各位大佬好，请问文章里面的图片在前端展示时能不能设置点击放大的，有些图片压缩的太小会看不清。

方案

迅睿框架技术-斗哥 #1 · 2021-05-14 17:30:57

这种cms处理不了，使用前端js特效了，百度找找相关的js代码吧
一切随缘 #2 · 2021-05-14 17:32:08

😰 这个跟cms没有半点关系呢
小黄人 18html #3 · 2021-05-14 19:55:50

满意答案

HTML 代码<div id="outerdiv" style="text-align: center;position: fixed;z-index: 1000;top: 0;left: 0; width: 100%;height: 100%;background-color: rgba(255,255,255,.9);"> <div>关闭</div> <img id="bigimg" style="height: auto;width: 46.6325%;border: 0; margin: auto;position: absolute;top: 0;bottom: 0;left: 0;right: 0;" src="" /></div>JS代码<script> //图片放大 $("#outerdiv").hide(); $(function(){ $("img").mouseover(function(){ $(this).css("cursor","pointer"); }); $("img").click(function(){ var _this = $(this);//将当前的pimg元素作为_this传入函数 imgShow("#outerdiv", "#bigimg", _this); }); }); function imgShow(outerdiv, bigimg, _this) { var src = _this.attr("src");//获取当前点击的pimg元素中的src属性 $("#outerdiv").attr("display", "block"); $("#bigimg").attr("src", src);//设置#bigimg元素的src属性 $("#outerdiv").fadeIn("fast"); $("#outerdiv").click(function () {//再次点击淡出消失弹出层 $(this).fadeOut("fast"); }); }</script>
1169830087 #4 · 2021-05-19 15:40:42

小黄人 18html 请问这段代码是要放在模板文件里面吗
小黄人 18html #5 · 2021-05-19 15:41:52

是的
1169830087 #6 · 2021-05-19 15:58:12

@小黄人 18html：我试一试，谢谢您的回答

迅睿系统漏洞

文章里面的图片在前端展示时能不能设置点击放大

方案

站群分站系统（2026-10-15）

图书阅读系统（2026-10-14）

GEO系统（2026-10-14）

GeoSeo收录宝（2026-10-14）

滑块验证码 Gocaptcha（2026-10-13）

GeoSeo工具箱（2026-10-13）

泛解析站群系统（2026-10-12）

GeoSeo排名助手（2026-10-11）

SEO聚合关键字（2026-10-11）

媒体交易平台（2026-10-10）