之前做lonesome主题的时候,用的是zoom.js,当时用的时候觉得还不错,具体呈现方式为本文中第一种显示方式。用的时间长了后,发现这个zoom.js有点问题,估计是我部署的问题。在一篇文章内图片过多而在点击浏览的时候,浏览器会卡死,所以我在chopstack上一直没用zoom.js灯箱。今天发现了这一款灯箱,推荐给大伙试一试。这款灯箱的名字叫做:ViewImage.js

第一种显示方式

这是一张图
一般情况下所使用的灯箱显示方式,不太推荐。直接加载原图了,并且显示的方式和体验没有第三种好。不过也是可以用的。

第二种显示方式

这是一张图 点击前面的文字试一试。这种方式并不会直接加载原图,只有在点击前面的字显示大图的时候才会加载原图,我是用火狐浏览器网络检测测试的,你们也可以来测试一下。

第三种种显示方式

下方小图为缩略图,点击图片进去为原图。这种方式可以拿来做相册使用比较好。之前用zoom.js灯箱处理这种问题的时候我觉得挺棘手,至少在我这种小白眼睛里确实比较棘手。还好找到了此方法。这才真正的用到本主题上。

  • bingImg
  • bingImg
  • bingImg
  • bingImg
  • bingImg

以上三种显示方式均来自ViewImage.js。大家可以试一试,很不错的一个灯箱。具体怎么部署的,看下方链接,这里就不多说了。大神的教程很清楚了,我只是来推荐的。

灯箱来自:https://github.com/Tokinx/ViewImage