jquery cloudzoom 3.0,magiczoom 放大镜插件 破解 移除版权信息
2013-11-14 23:01
417 查看
jquery Cloud Zoom一款放大镜插件。但是无奈 官方下载的始终有版权信息,因此想到如下方法去掉版权信息,测试可行!
官方网址:http://www.starplugins.com/cloudzoom
另外一款放大镜插件:http://www.magictoolbox.com/
![](http://images.cnitblog.com/blog/87548/201312/27221231-f2dfb63d02584c3fa4a914cd8bba8e18.jpg)
默认情况下页面dom代码:
![](http://images.cnitblog.com/blog/87548/201311/14225507-4ec8b2a9cc6146fa9c8508571676fd2b.png)
当鼠标滑过图片的时候 查看DOM代码
![](http://images.cnitblog.com/blog/87548/201311/14225605-a3a9acbd39904ef6a832c705819d0b83.png)
因为主要在鼠标滑过class="cloudzoom"的图片的时候,查找到版权的div移除DOM元素即可。
缺点:谷歌浏览器上会发现版权信息闪一下 然后消失
IE8下 貌似也有这个问题,偶尔会出现
==========================================magiczoom移除版权信息
原来的版权信息:
![](http://images.cnitblog.com/blog/87548/201312/27232742-97e29af62db940afa08e1484d6453742.png)
移除后的效果
![](http://images.cnitblog.com/blog/87548/201312/27232645-de41eda34e734214a7d5778ed5520a28.png)
官方网址:http://www.starplugins.com/cloudzoom
另外一款放大镜插件:http://www.magictoolbox.com/
![](http://images.cnitblog.com/blog/87548/201312/27221231-f2dfb63d02584c3fa4a914cd8bba8e18.jpg)
默认情况下页面dom代码:
![](http://images.cnitblog.com/blog/87548/201311/14225507-4ec8b2a9cc6146fa9c8508571676fd2b.png)
当鼠标滑过图片的时候 查看DOM代码
![](http://images.cnitblog.com/blog/87548/201311/14225605-a3a9acbd39904ef6a832c705819d0b83.png)
因为主要在鼠标滑过class="cloudzoom"的图片的时候,查找到版权的div移除DOM元素即可。
<script type="text/javascript"> $(document).ready(function () { $(".cloudzoom").hover(function () { $(".cloudzoom-blank").children("div").eq(2).remove(); }); }); </script>
缺点:谷歌浏览器上会发现版权信息闪一下 然后消失
IE8下 貌似也有这个问题,偶尔会出现
==========================================magiczoom移除版权信息
原来的版权信息:
![](http://images.cnitblog.com/blog/87548/201312/27232742-97e29af62db940afa08e1484d6453742.png)
移除后的效果
![](http://images.cnitblog.com/blog/87548/201312/27232645-de41eda34e734214a7d5778ed5520a28.png)
<script type="text/javascript"> $(document).ready(function () { $(".MagicZoom img").hover(function () { $(".MagicBoxShadow").children("div").each(function (index) { if ($(this).html().indexOf("Magic Zoom") != -1) { $(this).remove(); } }); }); }); </script>
相关文章推荐
- 基于jquery的has()方法以及与find()方法以及filter()方法的区别详解
- asp.net调用jqueryajax
- jQuery学习之prop和attr的区别
- Jquery mobile 新手问题总汇
- 第一次自己写jquery图片延迟加载插件,不通用,但修改一下还是可以使用到很多页面上的
- 简单的表单验证--js,jsp,jquery,java,mysql(前台和后台验证)(
- jQuery和Ajax
- jquery的each()使用
- 关于我在做一些项目时候帮助过我的一些资料库的链接
- [置顶] Jquery学习总结(二) jquery选择器详解
- jquery easyui datagrid使用,分页、排序、查询
- 项目中的一个JQuery ajax实现案例
- AJAX三级联动省市选择,使用jquery+html+XML
- AJAX三级联动省市选择,使用jquery+html+XML
- jqueryUI tab
- 自己写jquery.lazyloading图片延迟加载插件,通用
- jQuery.i18n.properties实现js国际化
- 项目中的一个JQuery ajax实现案例
- jquery ajax的简单用法记录
- Jquery学习总结(二) jquery选择器详解