网站建设资讯

NEWS

网站建设资讯

discuz解决手机端图片显示模糊的方法-创新互联

创新互联www.cdcxhl.cn八线动态BGP香港云服务器提供商,新人活动买多久送多久,划算不套路!

创新互联建站网站建设10多年坚持,服务企业网站设计、成都响应式网站建设公司等网站建设服务。近1000家企业的合作经验,帮助我们为服务企业不断提升价值。为企业建设开发网站和维护,主推个性化定制型网站设计

discuz解决手机端图片显示模糊的方法?这个问题可能是我们日常学习或工作经常见到的。希望通过这个问题能让你收获颇深。下面是小编给大家带来的参考内容,让我们一起来看看吧!

主要内容:discuz如何解决手机端图片显示模糊问题,主要内容为discuz实现多图上传、图片大图显示、图片高质量显示discuz等功能,创新互联原创首发,转载请注明!更多文章请关注创新互联-成都网站建设公司discuz专栏。

最终实现的效果图discuz解决手机端图片显示模糊的方法实现多图上传

修改文件upload/template/default/touch/forum/post.htm  83行代码

修改内容:添加multiple属性

  • 修改js文件upload/template/default/touch/forum/post.htm  206行

    修改内容:直接复制过去即可

    for (var i=0;i"},
            uploadinputname:'Filedata',
            maxfilesize:"2000",
            success:uploadsuccess,
            error:function() {
                popup.open('上传失败,请稍后再试', 'alert');
            }
        });
    }

    测试多图上传:这个时候就已经实现了多图上传了

    discuz解决手机端图片显示模糊的方法

    图片大图显示

    修改文件upload/template/default/touch/forum/discuzcode.htm   90行

    修改内容:把83改为330

    $fix = count($post[imagelist]) == 1 ? 140 : 330;

    修改完效果:对于上面的这个330应该就是显示图片的宽度的。但是这是在一个机器里边测试的,其他机型肯定有问题。而且图片已经模糊的不能看了。

    discuz解决手机端图片显示模糊的方法

    图片高质量显示

    我们打开pc端,发现pc端的图片竟然用的是原图

    discuz解决手机端图片显示模糊的方法

    在看看移动端的图片发现图片的显示规则使用他自己的规则,这个规则后边咔咔会在写到

    discuz解决手机端图片显示模糊的方法

    移动端的图片显示质量真是让人堪忧啊!

    修改文件upload/template/default/touch/forum/viewthread.htm  174行-183行修改为

    
    
    
    
    

    当前名称:discuz解决手机端图片显示模糊的方法-创新互联
    网页地址:http://cdweb.net/article/epeip.html