[原创]phpbb扩展-缩略图的原图展示

所有资料都有简单介绍,要注明是否原创、侵删。
回复
头像
hellohappy
网站管理员
网站管理员
帖子: 282
注册时间: 2018年11月18日, 14:27
Been thanked: 2 time

#1 [原创]phpbb扩展-缩略图的原图展示

未读文章 hellohappy » 2018年12月25日, 21:50

phpbb扩展-缩略图的原图展示

作者信息:

    姓名:ZWYang
    个人邮箱:yangzw@postgraduate.top
    该项目github地址:https://github.com/hellohappy0/showphotofortencentcos

扩展下载地址:

hellohappy.zip
(10.44 KiB)
hellohappy.zip
(10.44 KiB) 尚未被下载
    
介绍:

    这个扩展后来发现兼容于所有的phpbb2.4或者以上版本程序,无论有木有安装tencentcos 或者AWS S3插件!

    之前我改写了AWS S3的phpbb扩展,成功应用于腾讯的对象存储。但是由于使用对象存储的时候,默认只是替换掉文件(也就是attachment的bbcode标签)的链接,把指向服务器的链接改成了指向对象存储。
    这就导致当我们点击被压缩的图片的时候,他会直接返回一个图片的下载,而不是展示图片。


    所以我就写了这个扩展,专门用于展示缩略图。当然他比原生的phpbb3.2版本的展示图片功能要强。
        1.可以弹出一个窗口,而不是打开新网页
        2.可以自由缩放图片。
        3.支持鼠标的滚轮,支持双击放大(而且是根据鼠标位置进行放大)。
        4.支持所有的移动设备。
        5.根据屏幕的大小自动调整原图的原始展示大小。
        6.由于原图是在原来的网页加载的,所以会自动缓存,再次点击图片不会再向服务器请求一次。减少服务器负担。

    翻译:
       So I wrote this extension to show thumbnails. Of course, he is better than the original phpbb version 3.2 for displaying pictures.
   ​​​​​​​    ​​​​​​​    ​​​​​​​    1. You can pop up a window instead of opening a new web page
​​​​​​​    ​​​​​​​    ​​​​​​​    ​​​​​​​    2. Free to zoom pictures.
​​​​​​​    ​​​​​​​    ​​​​​​​    ​​​​​​​    3. Support the scroll wheel of the mouse and double-click zoom in ( and zoom in according to the position of the mouse ).
​​​​​​​    ​​​​​​​    ​​​​​​​    ​​​​​​​    4. Support all mobile devices.
​​​​​​​    ​​​​​​​    ​​​​​​​    ​​​​​​​    5. Automatically adjust the original display size of the original image according to the size of the screen.
​​​​​​​    ​​​​​​​    ​​​​​​​    ​​​​​​​    6. Since the original image was loaded on the original web page, it will be cached automatically, and clicking the image again will not ask the server again. Reduce server burden.




效果展示:

    最简单的方法就是,你直接访问本站点的任何一篇有图片的文章,找到含有缩略图的图点一下,任何使用你的手指(移动设备)或者使用你的鼠标,尝试放大,移动,缩小等操作。
    其他效果展示图片如下:

            It was originally a thumbnail. 原来是缩略图
原来是缩略图 .png

           Click on the pop-up transparent layer and download the original image ( big size image). 点击弹出透明图层并下载原图
点击弹出透明图层并下载原图.png

           Double - click or mouse wheel or finger to enlarge the picture. 双击或者鼠标滚轮或者手指放大图片
双击或者鼠标滚轮或者手指放大图片.png

           Move the picture with the mouse or finger. 鼠标或者手指移动图片
鼠标或者手指移动图片.png


           Click on the shadow area to restore. 点击阴影区域还原图片
点击阴影还原.png

Link:
Hide post links
Show post links


回复