Saber 酱的抱枕

2016.5.3 updata v1.1
添加了页码显示；
添加了鼠标滚轮控制上下切换图片的功能；
添加了esc退出看图模式的功能。（但实际使用中需要按两次esc，第一次esc是退出全屏模式，第二次按esc才是退出看图模式。）

时隔一年，有点感慨啊。

昨天在虚拟机里360安全浏览器查看网页上的一些问题，偶然发现，在有多张大图的页面中，360安全浏览器会询问是否开启看图模式。开了一下试了试，发现它是新开了个窗口并全屏置顶，在里面查看图片，在看图体验上确实好很多：

今天闲来无事，于是闭门造车（因为我今天做的时候没去再看360的），做了一个类似的效果出来，并且用在了本站上。本站的效果如下：

我做的这个没有做成全屏，也没有新开窗口，只是在页面上建立了一个遮罩层。没有360的特色化功能，右侧列表也没那么好看。不过更简洁一些，只有浏览和切换图片的功能。点击大图是下一张，但大图没有做做点击左侧、右侧跳到上一张/下一张图片的功能（百度图片的方法是在图片上做两个左右的div）。现在设置的是页面最少有3张图片才会启用看图模式，启用后在页面右侧会有个悬浮按钮，点击即可进入看图模式。每次打开不会恢复到上一次看到的图片，如果想要记住位置的话把代码中第二个“litImgIndex=0;”删掉即可。

除了右侧缩略图列表是固定宽度的，其他地方都可以适应页面变化。原本右侧缩略图列表的高度是固定的，但现在改成了自适应高度，手机上也能正常使用了。
Read More →

为本站制作了看图模式

 
window.onload = function() {
    try {

        if (test & amp; & amp; typeof(test) == "function") {
            test();
        } else {
            alert("不存在的函数");
        }
    } catch(e) {}
}
function test() {
    alert("函数执行……");
}

今天写了看图模式的js，然后执行的时候遇到了问题：函数必须在window.onload里面执行，window.onload在每个页面底部都有，但是看图模式的功能只需要用在文章页中，在其他页面里，因为找不到这个函数就会报错。所以找到了使用try catch语句判断函数是否存在的代码。

js判断一个函数是否存在