深夜，给小黄图撸了一件漂亮的外壳

点击▲关注 “爪哇笔记”   给公众号标星置顶

更多精彩 第一时间直达

一、前言

小黄图上线以来，很多小伙伴积极参与图床的建设，贡献了数不尽的珍藏画作。但是不少小伙伴表示无法全屏看妹子，很是蓝瘦！然鹅，一些聪明的童鞋还是找到了途径，右键在新标签页打开也是可以看的。为了大家有更好的体验效果，撸主决定撸一个壳子，方便大家欣赏

二、撸壳

趁着夜深人静，女朋友沉睡之际，赶紧码开键盘，给小黄图撸一款漂亮的外壳，这里推荐使用 viewerjs 一款开箱即用的前端工具。

页面引入：

     
     
     
     

      
      
      
      
 rel="stylesheet" th:href="@{/lib/viewer/css/viewer.min.css}">
      
      
      
      
 th:src="@{/lib/viewer/viewer.min.js}">
     
     
     
     

小黄图容器：

     
     
     
     

      
      
      
      
  class="flow-default" id="images">
     
     
     
     

由于我们的图床是查看更多实现图片加载：

     
     
     
     

      
      
      
      
//最好把 viewer 定义为全局变量
      
      
      
      
var viewer = new Viewer(document.getElementById('images'));
      
      
      
      
//查看更多，更新一次
      
      
      
      
viewer.update();
     
     
     
     

当然了，viewerjs 还有很多参数可选，但是对于她来说，默认的已经足够了，

撸完以后赶紧看看效果如何？FBI 警告，有没有很熟悉

小伙伴们可以左右切换，放大缩小，全屏、旋转。

最后，不知道哪位小伙伴上传的，打个马赛克吧，撒一波狗粮

三、灵魂

漂亮的外表千篇一律，有趣的灵魂才是万里挑一，小黄图的发展离不开千万的网友，只有壳的小黄图是没有灵魂的！！！也希望各位网友，发扬艰苦奋斗的精神，把有限的灵魂注入到无限的小黄图中

▲一个有温度的公众号，期待与你一起进步