帖子内容页图片展示优化，让看图变成一种乐趣！

大鹏! · 发表于 2010-11-29 16:37:59

本帖最后由大鹏! 于 2011-5-31 14:53 编辑

长期以来，论坛帖子内容页中的图片展示比较单一，仅仅以图片缩略图纵向排列的方式显示，插入图片和未插入图片没有明显区分，未插入图片如果非常多，导致页面很长需要频繁的滚动屏幕，图片载入时的页面跳动也比较剧烈。为了改善用户阅读图片帖的感受，Discuz!X后续版本做了专门的优化，同时既能保留论坛传统阅读习惯，又能显著改善组图浏览的用户体验，让浏览图片贴变成乐趣。

乐趣一：点击图片看大图，轻松幻灯轻松点
Discuz!官方从站长的反馈中吸收到很多关于图片贴浏览模式优化的建议，从众多建议当中我们最终吸收了“对图片大图浏览浮动层做幻灯展示”的优化方案。在目前的浮动层上增加了“上一张”“下一张”按钮，浏览时鼠标点击图片的左右即可轻松的切换图片，鼠标滚轮能缩放图片，当图片放大后可以点击图片的中间位置拖动图片浮动层，操作更具人性化。（如图一）

（图一：大图浏览浮动层的幻灯效果）

乐趣二：未插入图片变成横排小图，想怎么看就怎么看
未插入的图片附件自动显示为小缩略图，整齐的横向排列在主题下方，当需要查看图片详情时，点小缩略图的左边可以展开幻灯模式的大图浏览浮动层，点小缩略图的右边可以方便的打开图片文件本身。真是想怎么看就怎么看。（如图二）

（图二：未插入图片横排显示缩略图）

乐趣三：大图小图轻松换，站长定义很简单
以小缩略图形式展示的帖内图片列表，还可以通过点击“大图”链接轻松切换成传统形式展示，点“小图”链接又能轻松的切换回来。而且，如果针对某些板块的特殊需要，可以通过设置当帖内图片列表中图片数量满足多少张以后以横排显示的方式做出选择，0 或留空即可关闭横排显示。（如图三）

（图三：传统未插入图片附件模式也得到了保留）

乐趣四：插入图片尽情挥洒，图文并茂更精彩

已插入图片依然可以尽情的配合文字内容，按照作者的排版意愿展示出来，如果全部图片都插入文章，则不会再显示横排的小图。这一切让图片主次分明、逻辑清晰的展示给读者。

帖子内容页图片展示优化，让帖中的图文相得益彰，主次分明，生动活泼，浏览更加轻松有趣，看到这里是不是马上就想来点一点看一看呢？别着急，让我们一起期待吧！

相关阅读：
帖子列表图片模式大曝光，贴图版展示“很给力”！
在图三中，我们可以看到“设为封面”的链接，其实就是给帖子列表图片模式切换帖子封面图准备的，点击后即可让当前的图片变成帖子列表的封面图。

渝豪君 · 发表于 2010-12-8 17:08:00

欢迎各位站长朋友跟帖提出建议，谢谢~

不得不坏 · 发表于 2010-12-9 11:33:38

本帖最后由不得不坏于 2010-12-9 11:40 编辑

前排，哇靠

ADAD

Adminroad

壹贰叁肆伍站长社区

www.ou99.com · 发表于 2010-12-9 11:36:11

www.ou99.com

qqqwww · 发表于 2010-12-9 11:36:38

本帖最后由 qqqwww 于 2010-12-9 12:51 编辑

难得的前排座位！哈哈，AD一下。
狗随网：http://www.gousui.com 宠物狗 卖狗网 热烈祝贺！很给力！

www.456Q.com · 发表于 2010-12-9 11:37:53

本帖最后由 www.456Q.com 于 2010-12-9 11:39 编辑

严重的支持! 潮汕网 http://www.456q.com/

wuji008 · 发表于 2010-12-9 11:39:21

很不错呀

dongdong0925 · 发表于 2010-12-9 11:41:21

webb2010 · 发表于 2010-12-9 11:41:48

(EM:152:)

zgak47 · 发表于 2010-12-9 11:42:29

期待发布！

		自动登录	找回密码
密码			立即注册

帖子内容页图片展示优化，让看图变成一种乐趣！

本帖子中包含更多资源

评分

评分