Loupe Effect & 一些嘀咕

Posted on Edited on In , ,

我的朋友Winnie去了神奈川玩，她和她的老公一脸憨笑地在OP中樱木向晴子挥手的地方合影，嗯……项目嫉妒恨满腹！
大弟弟去了一次韩国玩（我当然不想提他房子都装修好了老婆却和他吹了这件事了，说不定就是这样才一下子整个世界都开朗起来了呢！），6天，然后就开始在微博空间里大谈韩国文化了，文化！这是多么大的一个命题啊，我觉得你是词汇量不足只能想起文化这个词吧？

二弟弟近日来北京实习，我之前还主动和人家打招呼说来了一定告诉我啊请你吃饭啊，结果人家悄悄进京了，吃完姚记炒肝接着就德云社了，关键是还微博朋友圈大晒，我忽然发现我真是上赶子找不自在。老婆说：“你知道么，你家和我家的所有亲戚的印象中，你就永远是在忙，你忙得亲戚们都不敢打扰你了。”
强哥仍然是吃个糖球也要晒一下。我不是不喜欢晒，我是真的每天无事可晒，我总不能没事晒工资条吧。这些本地优势扶持下的小字辈们都开始学车了，我于是开始各种不舒服。
我开始讨厌QQ空间，讨厌微信朋友圈。
上周去体检发现血压偏高（小白更高，真是好高好高啊），大夫开的药我吃了之后，这几天明显感觉学习动力不足，洛丽塔也读不下去。最近唯一的好消息也就是喜欢的女优“人気 1 位”了，あやみ旬果，顽张って！
本来看到RMBP主页上的放大镜效果很赞，于是发生兴趣想实现一下，结果动起手来发现用js做这类开发，对CSS了解不足是真真地不行啊，处处卡壳，几天下来是越写越不爽，加上最近要去帮一个暴发户游戏团队擦屁股，所以一连N天都没能写点东西出来，一种深深地无为感觉一直萦绕在耳边。
于是我索性去找到了一个jQuery的插件实现了这个功能，这已经算是我找到的例子里比较简洁的实现方案了（借此YY一下一直希望生产的Retina MBA）。

[![](http://tiger-a-s-s.tobybai.cn/%2525E5%2525B1%25258F%2525E5%2525B9%252595%2525E5%2525BF%2525AB%2525E7%252585%2525A7%2525202013-11-07%252520%2525E4%2525B8%25258B%2525E5%25258D%2525884.54.20.png)](http://tiger-a-s-s.tobybai.cn/%2525E5%2525B1%25258F%2525E5%2525B9%252595%2525E5%2525BF%2525AB%2525E7%252585%2525A7%2525202013-11-07%252520%2525E4%2525B8%25258B%2525E5%25258D%2525884.54.20.png)
[Demo](http://hector.ziki.me/loupejs/)
然后我又用AS实现了一遍，只用了一个小时，效果。
[![](http://tiger-a-s-s.tobybai.cn/%2525E5%2525B1%25258F%2525E5%2525B9%252595%2525E5%2525BF%2525AB%2525E7%252585%2525A7%2525202013-11-07%252520%2525E4%2525B8%25258B%2525E5%25258D%2525884.53.47.png)](http://tiger-a-s-s.tobybai.cn/%2525E5%2525B1%25258F%2525E5%2525B9%252595%2525E5%2525BF%2525AB%2525E7%252585%2525A7%2525202013-11-07%252520%2525E4%2525B8%25258B%2525E5%25258D%2525884.53.47.png)
[Demo](http://hector.ziki.me/loupeas/) | [Source](http://hector.ziki.me/loupeas/srcview/)
两者原理相同，都是用一个圆形遮罩显示一张高清图片的一部分，然后将显示的部分与缩略图尺寸做位置匹配， 我再怎么大力吐槽也无法获得心里平衡，于是这周末定了后海的宾馆准备带老婆儿子去来个城内游。 资源： [ClassyLoupe](http://www.class.pm/projects/jquery/classyloupe/)