X1运营交流
社区主页  X1运营交流  悬赏:2.00元
分享
  • 收藏
    X
    图片怎么从 打开新页面 调整为 弹层放大?求指教
    135
    13

    如题 ,现在论坛的图片点击后都是直接打开一个新页面,不能切换到下一张图,关闭也比较麻烦,客户体验不好


    怎么改为 点击后使用弹层放大?


    放一张图测试


    0
    赏礼
    赏钱
    收藏
    点击回复
        全部留言
    • 13
    • 张栋梁 普通粉丝 消费:741.78元 2个月前 11:45
      华为
      4楼
      没办法,自己重新做了个,layer太老了,不支持手机端缩放,图片不能缩放,有时候客户看不清,影响体验
      可惜这个还是缺少一个滑动切换图片的功能
    0 赏钱 赏礼回复
    • 张栋梁 普通粉丝 消费:741.78元 2个月前 10:234楼
      还是不要用了,这个layer.js在手机端图片弹出来后,不能放大缩小
    0 赏钱 赏礼回复
    • aishang 普通粉丝 消费:0元 2个月前 22:064楼
      路过学习,非常不错
    0 赏钱 赏礼回复
    • 阿赖耶识 程序开发者 消费:24.43元 2个月前 15:234楼
      layer.photos({
          photos: '.class p ',//class p 换成你img外层的class名称
          anim: 0 //0-6的选择 动画类型
      });

      放到js里,如果是自己的模板,还需要包含layui的js

      张栋梁 消费:741.78元 2个月前
      试了下,放前面没效果,放在页面的最后面可以有弹层,不过同时新页面还是打开了,怎么取消打开新页面呢
      张栋梁 消费:741.78元 2个月前
      @阿赖耶识  
      阿赖耶识 消费:24.43元 2个月前
      你说的是论坛?找下代码看看有没有什么点击图片 target什么的代码,或者js什么的去掉就好了
      阿赖耶识 消费:24.43元 2个月前
      $(".content_html img").each(function(){
         $(this).click(function(){
            window.open($(this).attr('src'));
         });
      });
      $(".ShowComment .replycontent img").each(function(){
         $(this).click(function(){
            window.open($(this).attr('src'));
         });
         $(this).css({"max-width":'700px',});
      });

      这里bbs/content/pc_show  window.open弹出了图片,自己去掉就好,不过你要修改官方代码,就不太好升级了

      张栋梁 消费:741.78元 2个月前
      谢谢,找到了,这个跳出新页面有点奇葩,用户体验不好,我还是改了再锁定吧
      wr1688 消费:2493.04元 华为 2个月前
      老大平时不露面
    0 赏钱 赏礼回复
    • 张栋梁 普通粉丝 消费:741.78元 2个月前 16:014楼
      把这个整理了下,修改步骤

      张栋梁 消费:741.78元 2个月前
      上面那个隐藏写错了,应该是注释掉,或者删掉
    0 赏钱 赏礼回复
    • 袁冬 普通粉丝 消费:132.09元 2个月前 15:134楼
      这个早都提过了 一直不改  
    0 赏钱 赏礼回复
    更多回复
        你可能感兴趣的主题
    恢复多功能编辑器
  • 3 1
  • X1运营交流
        圈内贴子31195
    • 圈子成员718
    本圈子内的新贴

    推荐内容
    扫一扫访问手机版
    请选择要切换的马甲:

     
    网页即时交流
    QQ咨询
    咨询热线
    020-28998648