- Mark as New
- Bookmark
- Subscribe
- Mute
- Subscribe to RSS Feed
- Permalink
- Report Inappropriate Content
I'm trying to use image maps within an app. I've attached a zip file with two files: gimp.html and welcomIntro.png. If you open gimp.html in a browser, the bottom right area "Learn More" will link to http:google.com. If you resize the window, the link still works.
I'd like to use the same technique in an xdk app and use an image with several navigation links that would load other pages.
The problem is it doesn't seem to work unless I give the image the full width/height of the img which doesn't work in the app. The image is large to work with different size screens (note: without using image map, the image resizes itself to fit the screen being used)
Any ideas?
- Tags:
- HTML5
- Intel® XDK
Link Copied
- Mark as New
- Bookmark
- Subscribe
- Mute
- Subscribe to RSS Feed
- Permalink
- Report Inappropriate Content
You may have to use a library to make to the image map responsive to different size of main image.
Here is a solution, there are couple libraries that make this possible:
http://stackoverflow.com/questions/7844399/responsive-image-map
- Subscribe to RSS Feed
- Mark Topic as New
- Mark Topic as Read
- Float this Topic for Current User
- Bookmark
- Subscribe
- Printer Friendly Page