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? 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 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> 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 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 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
Archived
This topic is now archived and is closed to further replies.