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

更多精彩 第一时间直达

一、前言

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

二、撸壳

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

页面引入:

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

小黄图容器:

<ul class="flow-default" id="images"></ul>

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

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

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

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

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

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

三、灵魂

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

更多精彩 第一时间直达 一、前言 小黄图上线以来,很多小伙伴积极参与图床的建设,贡献了数不尽的珍藏画作。但是不少小伙伴表示无法全屏看妹子,很是蓝瘦!然鹅,一些聪明的童鞋还是找到了途径,右键在新标签页打开也是可以看的。为了大家有更好的体验效果,撸主决定撸一个壳子,方便大家欣赏 二、撸壳 趁着夜深人静,女朋友沉睡之际,赶紧码开键盘,给小黄图撸一款漂亮的外壳,这里推荐使用 viewerjs 一款开箱即用的前端工具。 页面引入: 小黄图容器:
    由于我们的图床是查看更多实现图片加载: //最好把 viewer 定义为全局变量 var viewer = new Viewer(document.getElementById(images)); //查看更多,更新一次 viewer.update(); 当然了,viewerjs 还有很多参数可选,但是对于她来说,默认的已经足够了, 撸完以后赶紧看看效果如何?FBI 警告,有没有很熟悉 小伙伴们可以左右切换,放大缩小,全屏、旋转。 最后,不知道哪位小伙伴上传的,打个马赛克吧,撒一波狗粮 三、灵魂 漂亮的外表千篇一律,有趣的灵魂才是万里挑一,小黄图的发展离不开千万的网友,只有壳的小黄图是没有灵魂的!!!也希望各位网友,发扬艰苦奋斗的精神,把有限的灵魂注入到无限的小黄图中
    经验分享 程序员 微信小程序 职场和发展