Javascript 使用另一个绝对图像缩放图像_Javascript_Jquery_Css_Image

Javascript 使用另一个绝对图像缩放图像

javascript jquery css image

Javascript 使用另一个绝对图像缩放图像,javascript,jquery,css,image,Javascript,Jquery,Css,Image,我已经向一个大图像（地图）添加了一个基本的jQuery zoom插件，我想向它添加几个标记，但我不确定如何将它们附加到某个坐标，该坐标随插件进行缩放，并表示标记位于同一位置 jQuery插件是，我的代码如下： <body> <div id="map-container"> <div id="main-markers"><img src="marker1.png" /></div> <img id="

我已经向一个大图像（地图）添加了一个基本的jQuery zoom插件，我想向它添加几个标记，但我不确定如何将它们附加到某个坐标，该坐标随插件进行缩放，并表示标记位于同一位置

jQuery插件是，我的代码如下：

<body>
    <div id="map-container">
    <div id="main-markers"><img src="marker1.png" /></div>
        <img id="map" class='map' src='Final/WorldMap2.jpg' width='1280' height='1028'/>
    </div>
    <script src="wheelzoom.js"></script>
    <script>
        wheelzoom(document.querySelector('img.map'));
    </script>
</body>


wheelzoom（document.querySelector（'img.map'）；