php_begins Posted January 9, 2012 Share Posted January 9, 2012 I have an image which is a complete image that has 4 titles(aquatic weeds,green algae,water quality,bottom muck) Can i write a code somehow that when i hover over those images or title i can link it to different hyperlinks? Quote Link to comment https://forums.phpfreaks.com/topic/254670-link-different-parts-of-an-image-to-hyperlink/ Share on other sites More sharing options...
QuickOldCar Posted January 9, 2012 Share Posted January 9, 2012 It's called a link map, here's an example. http://www.w3schools.com/tags/tryit.asp?filename=tryhtml_areamap Quote Link to comment https://forums.phpfreaks.com/topic/254670-link-different-parts-of-an-image-to-hyperlink/#findComment-1305884 Share on other sites More sharing options...
QuickOldCar Posted January 9, 2012 Share Posted January 9, 2012 I manually set the coordinates, most html editors can do what I did. <html> <body> <p>Click which image is the problem</p> <img src="http://www.phpfreaks.com/forums/index.php?action=dlattach;topic=351422.0;attach=17300" width="360" height="190" alt="Problems" usemap="#problemmap" /> <map name="problemmap"> <area shape="rect" coords="5,40,175,110" alt="1" href="1.htm" /> <area shape="rect" coords="185,40,355,110" alt="2" href="2.htm" /> <area shape="rect" coords="5,230,175,110" alt="3" href="3.htm" /> <area shape="rect" coords="185,270,355,110" alt="4" href="4.htm" /> </map> </body> </html> Quote Link to comment https://forums.phpfreaks.com/topic/254670-link-different-parts-of-an-image-to-hyperlink/#findComment-1305904 Share on other sites More sharing options...
QuickOldCar Posted January 9, 2012 Share Posted January 9, 2012 I guess I will link to more information about doing this. http://www.w3.org/TR/html4/struct/objects.html#edef-AREA Quote Link to comment https://forums.phpfreaks.com/topic/254670-link-different-parts-of-an-image-to-hyperlink/#findComment-1305911 Share on other sites More sharing options...
php_begins Posted January 9, 2012 Author Share Posted January 9, 2012 Thanks QuickOldCar Quote Link to comment https://forums.phpfreaks.com/topic/254670-link-different-parts-of-an-image-to-hyperlink/#findComment-1305916 Share on other sites More sharing options...
Recommended Posts
Join the conversation
You can post now and register later. If you have an account, sign in now to post with your account.