V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
推荐关注
Meteor
JSLint - a JavaScript code quality tool
jsFiddle
D3.js
WebStorm
推荐书目
JavaScript 权威指南第 5 版
Closure: The Definitive Guide
Cassandra
V2EX  ›  JavaScript

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

  •  
  •   Cassandra · 2015-07-18 06:09:17 +08:00 · 2119 次点击
    这是一个创建于 3417 天前的主题,其中的信息可能已经有所发展或是发生改变。

    最近帮忙朋友做一个网站,其中有一个浏览图片并放大细节的功能。但是这个放大镜的功能总写不对。按照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 条回复    2015-07-21 13:13:02 +08:00
    sobigfish
        1
    sobigfish  
       2015-07-18 10:14:17 +08:00
    $('img').magnify();
    ----你自己把所以图都选择了啊
    你把要放大的图片加上独立的class 比如 magnify 然后用 $('.magnify').magnify(0
    Cassandra
        2
    Cassandra  
    OP
       2015-07-21 13:13:02 +08:00
    @sobigfish 不好意思最近玩high了。刚刚按你的方法试了一下,同样的问题还是存在
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   2167 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 23ms · UTC 01:21 · PVG 09:21 · LAX 17:21 · JFK 20:21
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.