JS 实现放大镜产品展示效果(三)

  前段时间写过两篇关于用 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

本文已盖 141 层楼

  1. 回复 danhao CHINA Internet Explorer Windows 说:

    不错·· 收藏先··

  2. 来支持下博主,加油更新,多多互动O(∩_∩)O~

  3. 回复 宁波SEO CHINA Internet Explorer Windows 说:

    技术的东西,支持下,学习了。

  4. 都已经做成一系列效果了!

  5. 回复 清水 CHINA Internet Explorer Windows 说:

    闪闪的星是名副其实的水王

  6. 回复 笑话 CHINA Mozilla Firefox Windows 说:

    太技术啦,看不明白,支持下,灌个水,呵呵~~

  7. 回复 星网 CHINA Mozilla Firefox Windows 说:

    效果确实不错,比我现在用的插件都好!

  8. 回复 园子 CHINA Mozilla Firefox Windows 说:

    这个比较实用。

  9. 回复 FORECE CANADA Mozilla Firefox Windows 说:

    不懂装懂的路过。

  10. 回复 柳城 CHINA Google Chrome Windows 说:

    蛮多效果的… 你不是都在上海么? 回家不远吧?

  11. 回复 无名 CHINA Internet Explorer Windows 说:

    仍然不懂,太专业了。呵呵……
    我留个名,然后去打酱油了..888

  12. 回复 墨衣客 CUBA Mozilla Firefox Windows 说:

    闪闪的星是名副其实的水王~~等我开刷评论机…

Leave a comment

三言两语

我的生活心情语录

工作手札

路漫漫其修远兮

精品推荐

好东西要分享

嘻哈娱乐

八卦趣事一笑而过

电脑网络

全新技术尽搜罗

转来载去

文人墨客美文赏析