Comments (3)
Hi @jamiloquai!
If the img
and map
elements are within the "large" div, there shouldn't be an issue (demo):
<div class="zoom">
<div class="small">
<img src="http://css-tricks.github.com/AnythingZoomer/demo/rushmore_small.jpg" alt="small rushmore">
</div>
<div class="large">
<img src="http://css-tricks.github.com/AnythingZoomer/demo/rushmore.jpg" alt="big rushmore" usemap="#map" />
<map name="map">
<area shape="poly" coords="338, 184, 311, 187, 300, 134, 306, 116, 354, 119" title="Lincoln" />
<area shape="poly" coords="279, 183, 258, 180, 247, 153, 250, 121, 285, 128" title="Roosevelt" />
<area shape="poly" coords="244, 153, 220, 148, 203, 128, 213, 94, 235, 96, 248, 115" title="Jefferson" />
<area shape="poly" coords="199, 129, 161, 130, 151, 98, 172, 72, 190, 71, 209, 92" title="Washington" />
</map>
</div>
</div>
from anythingzoomer.
AAAH!! I had moved the map to the end of the doc. Thanks!
-Jake
from anythingzoomer.
No problem! :)
from anythingzoomer.
Related Issues (20)
- Large Container Positioning Problem
- div contets HOT 1
- Different sizes images HOT 4
- Zoom displays large image only HOT 2
- conflicts with jquery wrapAll() HOT 1
- Hover doesnot work properly when -transform-rotate is done HOT 6
- Using zoom in multiple stacked images for Chrome / Safari HOT 5
- Plugin not showing zoom window when implemented on bootstrap modal HOT 2
- Issue while rotating image. HOT 4
- Is it possible to rotate zoomer automatically on page load HOT 4
- Cloned Image Offset HOT 3
- Responsive Image HOT 4
- Magnifying svgs HOT 8
- Enable/Disable Anything Zoomer HOT 1
- Show coordinates of large image HOT 6
- Make zoomDim configurable in options HOT 1
- Zooming over input/radio elements HOT 8
- How to use dynamic id based this plugin ? HOT 1
- Canvas compatibility ?
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from anythingzoomer.