
前段时间写过两篇关于用 JS 实现放大镜产品展示效果的文章(#1、#2),因为反应比较冷淡,两篇回复加起来也只有160+留言,所以感觉这样的效果关心的人不是很多,也可能是在 Wordpress 中此效果可以用插件实现,这种原生态的方法也就没人关注了,就这样,写系列三的计划就此打消。不过今天收到一封邮件,来自于某机械类产品的企业,貌似对 JS 实现放大镜产品展示的效果挺感兴趣,有意将其应用于企业网站展示给客户,并且还发给我一个 MagicThumb 的效果图请我破解。
MagicThumb 和我上两次介绍的 MagicZoom 份属同门,都是 Magic Toolbox 出品的经典作品,而 MagicThumb 比 MagicZoom 的功能要强大的多,可以设置背景、位置、颜色、大小、时间等近30个参数,可想而知,MagicThumb 的效果组合变化之多。只是唯一不足的是 MagicThumb 与 MagicZoom 一样,在图片展示的右下脚有 Please upgrade to full version of Magic Thumb™ 的字样,很是碍眼啊,只有交了钱才能去掉这行水印文字,我想这也就是那家企业发邮件找我的目的。
其实我对 JS 几乎是一窍不通,要我破解去掉这行水印还真是有些麻烦,而且我解压此 JS 后发现这个 MagicThumb 还是加了密的,想想也是,人家可是收钱的,岂能这么容易就去除呢?不过我还是用了比较折衷的方法干掉了这行水印,那就是用我相对比较熟悉的 CSS,我在 JS 中找到其相应的 CSS 样式,将其改为 display:none; 这样就 OK 了。
完整的未破解示例可以去官方页面下载,下面附上已经破解水印文字的 MagicThumb 的 JS 文件:点此下载
说了半天,还没有展示 MagicThumb 的效果到底如何,我把官方示例的文件破解后上传到自己的主机上了,效果点此链接:http://wange.im/magicthumb


不错·· 收藏先··
来支持下博主,加油更新,多多互动O(∩_∩)O~
来看看!
闪过……
技术的东西,支持下,学习了。
都已经做成一系列效果了!
嘿嘿,我还在筹划这个系列的第四部呢
闪闪的星是名副其实的水王
前无古人的水王,我估计三个月呢不可能被赶超了。。。
太技术啦,看不明白,支持下,灌个水,呵呵~~
呵呵,谢谢支持啦,灌水也行
那我灌水了!
邮件通知测试,收到请回复
效果确实不错,比我现在用的插件都好!
那是,这个JS可是收费哒!
被你免费公开了?!
这个比较实用。
而且还是比较简单的哟
不懂装懂的路过。
JS 我也不是太懂,完全是东拼西凑来的
蛮多效果的… 你不是都在上海么? 回家不远吧?
和/谐号动车组两小时就到老家了,呵呵,车票贼贵啊
还没有回家啊
后天就要回老家啦~
好高级啊多钱
仍然不懂,太专业了。呵呵……
我留个名,然后去打酱油了..888
给我打点酱油啊!
闪闪的星是名副其实的水王~~等我开刷评论机…