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

点此下载：完美修改版 JS

点此下载：官方参考 CSS

引用方式如下：

最后再来看看与前篇类似的 JS 放大镜产品展示效果，同样也是将鼠标移到下图上看效果：

还不错吧，呵呵。这个 JS 还能实现更多的产品展示效果，如果童鞋们呼声高的话，我再继续写这姐妹篇～

还是先看效果吧，将鼠标移至下图即可见放大镜产品展示效果：

这是一个名为 MagicZoom 的免费产品展示效果，官方网站：http://www.magictoolbox.com，其中有更多的产品展示效果，一个比一个炫，大家可以直接去淘淘。但是！下面才是本文要说的重点，请童鞋们注意了，因为 MagicZoom 是免费的，所以在放大的图片中会有如下提示升级文字“Please upgrade to full version of Magic Thumb™”，不用说，这当然很碍眼啦！要去掉这行文字就要付钱咯～再但是！小站可以提供去掉该提示文字的 JS，点此下载 mz-packed.js，将此 JS 代替免费版的 JS 就可以了。

使用这个 JS 的具体方法很简单，如下：

JS 已经提供下载，CSS 大家可以按照需要自己写，或者直接参考本示例的样式，如下：

解说完毕，需要的朋友可以尝试下。

幸好，Wordpress 有强大的插件支持，已经有自动添加水印的插件诞生了，比如：wp-watermark、Super Image Plugin。当然，我要介绍的更定不会是用插件实现图片水印啦，而是用 CSS 填加图片水印效果，同样可以一劳永逸。

先看效果图：

很帅吧，其中的“Life Studio”的 Logo 就是用 CSS 添加的水印效果。再看代码如下：

CSS 部分：

用 CSS 实现的图片水印，有其优势，当然也有其缺点。最大的优点就在于，节省了空间，不必生成一张新加了水印的图片保存于空间，而且在 IE 或者 Firefox 等各浏览器下都可以完美实现图片水印效果。而最大的缺点就是，依然防不住人肉，因为这个水印图片只是作为背景图片隐藏在图片背后。