问题 求助问题 分享经验
开发框架 版主：迅睿框架研发组
文章里面的图片在前端展示时能不能设置点击放大
1169830087
类型：迅睿CMS 更新时间：2021-05-19 15:58:12

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

回帖
  • 迅睿框架技术-斗哥
    #1楼    迅睿框架技术-斗哥
    2021-05-14 17:30:57
    Chrome 0
    这种cms处理不了，使用前端js特效了，百度找找相关的js代码吧
  • 一切随缘
    #2楼    一切随缘
    2021-05-14 17:32:08
    Chrome 0
    😰 这个跟cms没有半点关系呢
  • 小黄人 18html
    #3楼    小黄人 18html
    2021-05-14 19:55:50
    Chrome 0
    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楼    1169830087
    2021-05-19 15:40:42
    Chrome 0
    小黄人 18html 请问这段代码是要放在模板文件里面吗
  • 小黄人 18html
    #5楼    小黄人 18html
    2021-05-19 15:41:52
    Chrome 0
    是的
  • 1169830087
    #6楼    1169830087
    2021-05-19 15:58:12
    Chrome 0
    @小黄人 18html：我试一试，谢谢您的回答