Lightbox 以及 Discourse 处理图像和上传图像的方式非常棒。
我们运营的是一个摄影论坛,因此图像的展示方式以及系统对图像的管理对我们来说至关重要。
从我们的角度来看,Lightbox 的工作方式有几个方面可以改进:
尽可能以最大尺寸显示图像
Lightbox 在图像周围保留了一些空间,导致图像在容器窗口可用空间中显示得比实际可能的小。尽量减少这部分空间会非常好。
当有多张图像时,允许以全尺寸显示图像
当帖子中只有一张图像时,您可以双击该图像,系统会以全尺寸显示它(必要时进行裁剪)。
但当有多张图像时,如果您尝试展开图像,系统会跳转到上一张或下一张图像,而无法以全尺寸显示当前图像。
图像导航应限制在图像左右两侧的特定区域;点击图像中心时,应以全尺寸显示该图像。
不要在图像上叠加任何元素,至少不要有固定不动的元素
当有多张图像时,会在图像上绘制小箭头以便导航到上一张或下一张图像。
这会影响图像的可见性。
导航按钮应显示在图像外部(如果有空间),或者在鼠标停止移动几秒后自动淡出。
一个很好的例子是 Flickr 在将图像展开至全屏窗口时的显示方式。