
最近帮忙朋友做一个网站,其中有一个浏览图片并放大细节的功能。但是这个放大镜的功能总写不对。按照code,我只是在一个手表图片上测试这个放大镜的功能。可是我在预览其他图片的时候,放大镜也会出现,并且显示放大的手表细节。
如图所示
http://i.imgur.com/43wuadT.jpg?1
求大神们指教
<link rel="stylesheet" href="dist/css/magnify.css"> <link rel="stylesheet" href="dist/jquery.rondell.css" type="text/css" media="all" title="Screen"> <div id="rondellGallery" style="height:400px;"> <img src="watch-large.jpg" data-magnify-src="watch-large.jpg"> <img src="pic2.png" alt="unicorn" title="A beautiful unicorn"> <img src="pic3.png" alt="unicorn" title="A beautiful unicorn"> <img src="pic4.png" alt="unicorn" title="Pic 4"> </div> <script src="libs/modernizr-2.0.6.min.js"></script> <script src="https://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script> <script src="dist/js/jquery.magnify.js"></script> <script src="libs/jquery.mousewheel-3.0.6.min.js"></script> <script src="dist/jquery.rondell.js"></script> <script type="text/Javascript"> $(document).ready(function() { $('img').magnify(); $("#rondellGallery").rondell({ preset: "thumbGallery" }); }); </script> 1 run2 2015-07-18 10:14:17 +08:00 $('img').magnify(); ----你自己把所以图都选择了啊 你把要放大的图片加上独立的class 比如 magnify 然后用 $('.magnify').magnify(0 |