推荐关注
Meteor
JSLint - a JavaScript code quality tool
jsFiddle
D3.js
WebStorm
推荐书目
JavaScript 权威指南第 5 版
Closure: The Definitive Guide
Cassandra

求问一个图片放大镜的问题

  •  
  •   Cassandra · Jul 18, 2015 · 2539 views
    This topic created in 3955 days ago, the information mentioned may be changed or developed.

    最近帮忙朋友做一个网站,其中有一个浏览图片并放大细节的功能。但是这个放大镜的功能总写不对。按照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>
    
    2 replies    2015-07-21 13:13:02 +08:00
    run2
        1
    run2  
       Jul 18, 2015
    $('img').magnify();
    ----你自己把所以图都选择了啊
    你把要放大的图片加上独立的class 比如 magnify 然后用 $('.magnify').magnify(0
    Cassandra
        2
    Cassandra  
    OP
       Jul 21, 2015
    @sobigfish 不好意思最近玩high了。刚刚按你的方法试了一下,同样的问题还是存在
    About   ·   Help   ·   Advertise   ·   Blog   ·   API   ·   FAQ   ·   Solana   ·   1460 Online   Highest 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 567ms · UTC 17:00 · PVG 01:00 · LAX 10:00 · JFK 13:00
    ♥ Do have faith in what you're doing.