i have a image in my website that i have used with a map
i want the image to resize when the browser size changes but i want to map to still work (resize too)..
I know this is probably very basic, but can anyone help me with this?
see my webpage code below.
i want the image to resize when the browser size changes but i want to map to still work (resize too)..
I know this is probably very basic, but can anyone help me with this?
see my webpage code below.
Code:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<script>
/*
Preload images script
By JavaScript Kit (http://javascriptkit.com)
Over 400+ free scripts here!
*/
var myimages=new Array()
function preloadimages(){
for (i=0;i<preloadimages.arguments.length;i++){
myimages[i]=new Image()
myimages[i].src=preloadimages.arguments[i]
}
}
//Enter path of images to be preloaded inside parenthesis. Extend list as desired.
preloadimages("http://www.discountglassllc.com/Auto.jpg","http://www.discountglassllc.com/Commercial.jpg","http://www.discountglassllc.com/heavy.jpg", "http://www.discountglassllc.com/Home.jpg",
"http://www.discountglassllc.com/mirrors.jpg", "http://www.discountglassllc.com/Residential.jpg", "http://www.discountglassllc.com/semi.jpg")
</script>
<title>Welcome to Discount Glass</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>
<body><center>
<img src="Home.jpg" width="800" height="936" border="0" usemap="#menu">
<map name="menu" id="menu">
<area shape="rect" coords="514,253,617,273" href="residential.html" target="_self">
<area shape="rect" coords="514,284,618,304" href="auto.html" target="_self">
<area shape="rect" coords="514,222,581,242" href="index.html" target="_self">
<area shape="rect" coords="514,253,617,273" href="#">
<area shape="rect" coords="514,315,639,338" href="commercial.html" target="_self">
<area shape="rect" coords="514,348,664,367" href="heavy.html" target="_self">
<area shape="rect" coords="514,379,664,401" href="semi.html" target="_self">
<area shape="rect" coords="514,410,664,432" href="mirrors.html" target="_self">
<area shape="rect" coords="537,460,643,499" href="mailto:teresa@discountglassllc.com">
<area shape="rect" coords="33,645,145,728" href="http://www.iga.org/" target="_blank">
<area shape="rect" coords="37,749,145,802" href="http://www.glass.org/" target="_blank">
<area shape="rect" coords="191,694,356,759" href="#">
<area shape="rect" coords="367,690,498,761" href="#">
<area shape="rect" coords="561,645,654,706" href="#">
<area shape="rect" coords="545,718,669,751" href="#">
<area shape="rect" coords="522,761,691,807" href="#">
</map></center>
</body>
</html>