05/9
2015
2016.5.3 updata v1.1
添加了页码显示；
添加了鼠标滚轮控制上下切换图片的功能；
添加了esc退出看图模式的功能。（但实际使用中需要按两次esc，第一次esc是退出全屏模式，第二次按esc才是退出看图模式。）
时隔一年，有点感慨啊。
昨天在虚拟机里360安全浏览器查看网页上的一些问题，偶然发现，在有多张大图的页面中，360安全浏览器会询问是否开启看图模式。开了一下试了试，发现它是新开了个窗口并全屏置顶，在里面查看图片，在看图体验上确实好很多：
今天闲来无事，于是闭门造车（因为我今天做的时候没去再看360的），做了一个类似的效果出来，并且用在了本站上。本站的效果如下：
我做的这个没有做成全屏，也没有新开窗口，只是在页面上建立了一个遮罩层。没有360的特色化功能，右侧列表也没那么好看。不过更简洁一些，只有浏览和切换图片的功能。点击大图是下一张，但大图没有做做点击左侧、右侧跳到上一张/下一张图片的功能（百度图片的方法是在图片上做两个左右的div）。现在设置的是页面最少有3张图片才会启用看图模式，启用后在页面右侧会有个悬浮按钮，点击即可进入看图模式。每次打开不会恢复到上一次看到的图片，如果想要记住位置的话把代码中第二个“litImgIndex=0;”删掉即可。
除了右侧缩略图列表是固定宽度的，其他地方都可以适应页面变化。原本右侧缩略图列表的高度是固定的，但现在改成了自适应高度，手机上也能正常使用了。
Read More →
