今天心血来潮，想给自己的博客加个图片灯箱效果，就是那种点一下图片，图片就能放大显示，背景变暗，感觉挺酷炫的。
上网一搜"*"，出来一堆结果，什么"Lightbox2"、"Magnific Popup"等等，看得我眼花缭乱。不过我这人就喜欢简单的东西，不喜欢太复杂，最好是那种代码少，用起来方便的。
折腾的开始
我还想着自己写一个，毕竟网上教程也很多。但写着写着就发现，要考虑的东西还真不少，什么图片加载、动画效果、响应式，想想就头大。于是我决定还是站在巨人的肩膀上，找个现成的轮子用用。
我选一个叫"*"的插件，原因很简单：
- 轻量级：代码不多，不会给我的博客增加太多负担。
- 简单易用：看一下文档，引入 js 文件，然后给图片加个属性就行，上手很快。
- 基本功能都有：放大、缩小、关闭这些基本操作都有，对我来说够用。
安装与使用
安装过程非常简单。我直接下载这个插件的js文件,在需要使用灯箱效果的页面，把这个js文件给加进去。
然后，就是给需要灯箱效果的图片加个特定的属性。具体加什么，插件的文档里写得清清楚楚，我这里就不啰嗦。
遇到的坑
本来以为这样就大功告成，结果还是遇到一个小坑。我发现，如果页面上有多个图片，点击其中一个图片，灯箱是出来，但是图片却不是我点击的那张，总是显示第一张图片。
这可不行！我赶紧去查资料，发现，原来是我给每个图片加的属性都一样，插件分不清我要显示哪张图片。解决办法也很简单，给每个图片加个唯一的标识，比如按照顺序编号，这样插件就能正确识别。
最终效果
经过一番折腾，最终效果还不错。点击图片，图片流畅地放大，背景变暗，再次点击图片或者点击背景，图片就缩小回去，整个过程很丝滑。看着自己博客的图片有这种酷炫的效果，心里还是挺美滋滋的。
这回使用"*"的体验还是挺好的，简单、易用、效果也不错。如果你也想给自己的网站或者博客添加图片灯箱效果，不妨试试这个插件，或许会有惊喜！
免责声明：由于无法甄别是否为投稿用户创作以及文章的准确性,本站尊重并保护知识产权，根据《信息网络传播权保护条例》，如我们转载的作品侵犯了您的权利,请您通知我们，请将本侵权页面网址发送邮件到qingge@88.com，深感抱歉，我们会做删除处理。