长久以来,人们从论坛里看图会有一些影响用户体验的细节:例如因图片过多、打开慢而产生的网页跳跃感,以缩略图纵向排列的图片展示方式比较单一,插入、未插入图片没有明显区分等等。
Discuz! X2 特别针对图片显示方式进行优化,同时既能保留论坛传统阅读习惯,又能显著改善组图浏览的用户体验,让浏览图片贴变成乐趣。以下分别介绍Discuz! X2 图片展示优化后看图的乐趣。
乐趣一:像浏览幻灯片般浏览图片
“针对图片大图浏览,浮动层做幻灯展示”的优化方案是来自站长的反馈建议,图片浮动层上增加了“上一张”、“下一张”按钮。当用户浏览时,鼠标点击图片的左右即可轻松的切换图片,鼠标滚轮能缩放图片,当图片放大后可以点击图片的中间位置拖动图片浮动层,而且支持点击大图看小图。
图1:图片浏览的幻灯片效果
乐趣二:横排小图展示图片
未插入的图片附件自动显示为小缩略图,整齐的横向排列在主题下方,当需要查看图片详情时,点小缩略图的左边可以展开幻灯模式的大图浏览浮动层,点小缩略图的右边可以方便的打开图片文件本身。
图2:未插入图片横排显示
乐趣三:大图小图自由切换
以小缩略图形式展示的帖内图片列表,还可以通过点击“大图”链接轻松切换成传统形式展示,点“小图”链接又能轻松的切换回来。针对某些版块的特殊需要,站长还可以通过后台设置,来设定当帖内图片列表中图片数量到达多少张以后,以横排方式显示,其中0 或留空即可关闭横排显示。
图3:大图小图互相切换
帖子内插入图片后,可以尽情的配合文字内容,按照作者的排版意愿图文并茂、条理清晰的展示出来;如果全部图片都插入文章,则不会再显示横排的小图。
总之,图片展示优化,可以让用户更好的浏览图片、发布图片贴,给论坛增加更多优质内容;毕竟,在一个全新的互联网多媒体时代,论坛功能也要与时俱进。
本文来源:不详 作者:佚名