holmedwa04 Posted September 4, 2006 Share Posted September 4, 2006 (edited) The 4th Selection on the poll should be Rubish!Hi,I have made a image map, I know, all be it simple, but the principles are there I think?...and I would like the image to enlarge when you hover over it, but not open the actual site that it links to, can anyone help me please.This is the link here....and this is my coding: <html><head><title>Image Map</title></head><LINK rel="stylesheet" type="text/css" href="stylesheet.css"><body bgcolor="#000066" link="blue" vlink="blue"><font size="3"><font face="Arial"><font color="black"><center><table border="0" cellpadding="100" cellspacing="0" width="85%" bordercolor="#000000" bgcolor="#FFFFFF"><tr><td><BR><font size="5"> <center><b><u>Shape Image Map</u></b><BR><BR></center><font size="2"><center>Click on any of the shapes to find out there names.<BR><BR><img border="0" src="shapes.GIF" usemap="#mymap"><MAP NAME="mymap"><AREA HREF="redpentagon.html" ALT="Red Pentagon" SHAPE="poly" COORDS="72, 19, 165, 58, 154, 116, 11, 134, 85, 78"> <AREA HREF="yellowsquare.html" ALT="Yellow Square" SHAPE="rect" COORDS="191, 176, 278, 268"> <AREA HREF="limepentagon.html" ALT="Lime Pentagon" SHAPE="poly" COORDS="383, 202, 509, 217, 415, 319, 413, 262, 338, 318"> <AREA HREF="greenhexagon.html" ALT="Green Hexagon" SHAPE="poly" COORDS="393, 99, 440, 89, 478, 109, 472, 144, 427, 163, 391, 137"> <AREA HREF="bluetriangle.html" ALT="Blue Triangle" SHAPE="poly" COORDS="507, 323, 568, 255, 632, 342"> </map></center><BR><BR><BR><center><BR>______________________________________________________<BR><font size=1>Edward Holmes, SMC @ CCMS, <a href="mailto:shapemakingclub@btconnect.com">shapemakingclub@btconnect.com</a></center></td></tr></table></center></body></html> <<Fixed poll and changed to .>> Edited September 7, 2006 by Jonas Link to comment Share on other sites More sharing options...
boen_robot Posted September 4, 2006 Share Posted September 4, 2006 At first I thought to say "rubbish" because it seemed you just made a test for non-live use, but when I clicked on the figures, I saw that their links have a purpose, corresponding to the map, so I say it's good.You can't make this map dynamic with plain XHTML map though. There might be a way with a really complex CSS based image map, but the easier ways is just another application to run inside the page, like an SVG or Flash. Link to comment Share on other sites More sharing options...
aspnetguy Posted September 5, 2006 Share Posted September 5, 2006 I hate image maps...mostly because I am so bad at them. Link to comment Share on other sites More sharing options...
holmedwa04 Posted September 5, 2006 Author Share Posted September 5, 2006 I hate image maps...mostly because I am so bad at them. Lol, I bought this HTML book, from Rapid Electronics, but I thought, there probaly wont be anything that I havn't already done, and so upon reading it the chapter image maps was new to me and so I just made a quick example, mainly for reference for me really....and I have picked up some other codes etc. that all help. Link to comment Share on other sites More sharing options...
Chocolate570 Posted September 6, 2006 Share Posted September 6, 2006 Ok, I see we don't have any advanced users with Image maps here. First of all, make a new image of all the shapes, but with the shape you want blown up blown up. Do this for all of the shapes. Then use javascript code called by the mouseover function in the map areas to change the image to the blown up image of the shape. In onmouseout, make it change the image back to the original, with no shapes blown up.If you don't understand a word I just said, give me 5 images: 1 with no shapes enlarged, then each of the next with one shape enlarged. I'll help you with the code. Link to comment Share on other sites More sharing options...
holmedwa04 Posted September 6, 2006 Author Share Posted September 6, 2006 Kk, well it you go to this: here. it will give you a list of all of the images. Link to comment Share on other sites More sharing options...
Johnmitchell Posted September 7, 2006 Share Posted September 7, 2006 TABLES!!!!!!nah just messin Link to comment Share on other sites More sharing options...
aspnetguy Posted September 7, 2006 Share Posted September 7, 2006 TABLES!!!!!!nah just messinplease don't spam! Link to comment Share on other sites More sharing options...
holmedwa04 Posted September 17, 2006 Author Share Posted September 17, 2006 Why have all of the votes on my poll disappered? Link to comment Share on other sites More sharing options...
autasebo Posted October 17, 2006 Share Posted October 17, 2006 http://www.htmlcodetutorial.com/images/ima...amsupp_220.html Link to comment Share on other sites More sharing options...
holmedwa04 Posted October 17, 2006 Author Share Posted October 17, 2006 That just shows me what I have already done, I would like to know how to make part of the image map increase when the user hovered over it. Anywya, doen't matter now, I have deleted the file on the web I think, so it wont work. Link to comment Share on other sites More sharing options...
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment
Create an account
Sign up for a new account in our community. It's easy!
Register a new accountSign in
Already have an account? Sign in here.
Sign In Now