迅睿框架
版主：迅睿框架研发组
文章里面的图片在前端展示时能不能设置点击放大
各位大佬好，请问文章里面的图片在前端展示时能不能设置点击放大的，有些图片压缩的太小会看不清。
-
#1楼 迅睿框架技术-斗哥
这种cms处理不了，使用前端js特效了，百度找找相关的js代码吧 -
#2楼 一切随缘
😰 这个跟cms没有半点关系呢 -
#3楼 小黄人 18html
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>满意答案 -
#4楼 1169830087
小黄人 18html 请问这段代码是要放在模板文件里面吗 -
#5楼 小黄人 18html
是的
-
#6楼 1169830087
@小黄人 18html：我试一试，谢谢您的回答