473,386 Members | 1,720 Online
Bytes | Software Development & Data Engineering Community
Post Job

Home Posts Topics Members FAQ

Join Bytes to post your question to a community of 473,386 software developers and data experts.

resizing my image and map

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.

Expand|Select|Wrap|Line Numbers
  1. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
  2. <html>
  3. <head>
  4. <script>
  5.  
  6. /*
  7. Preload images script
  8. By JavaScript Kit (http://javascriptkit.com)
  9. Over 400+ free scripts here!
  10. */
  11.  
  12. var myimages=new Array()
  13. function preloadimages(){
  14. for (i=0;i<preloadimages.arguments.length;i++){
  15. myimages[i]=new Image()
  16. myimages[i].src=preloadimages.arguments[i]
  17. }
  18. }
  19.  
  20.  
  21. //Enter path of images to be preloaded inside parenthesis. Extend list as desired.
  22. 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", 
  23.  
  24. "http://www.discountglassllc.com/mirrors.jpg", "http://www.discountglassllc.com/Residential.jpg", "http://www.discountglassllc.com/semi.jpg")
  25.  
  26. </script>
  27. <title>Welcome to Discount Glass</title>
  28. <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
  29. </head>
  30.  
  31. <body><center>
  32. <img src="Home.jpg" width="800" height="936" border="0" usemap="#menu"> 
  33. <map name="menu" id="menu">
  34. <area shape="rect" coords="514,253,617,273" href="residential.html" target="_self">
  35.   <area shape="rect" coords="514,284,618,304" href="auto.html" target="_self">
  36.   <area shape="rect" coords="514,222,581,242" href="index.html" target="_self">
  37.   <area shape="rect" coords="514,253,617,273" href="#">
  38.   <area shape="rect" coords="514,315,639,338" href="commercial.html" target="_self">
  39.   <area shape="rect" coords="514,348,664,367" href="heavy.html" target="_self">
  40.   <area shape="rect" coords="514,379,664,401" href="semi.html" target="_self">
  41.   <area shape="rect" coords="514,410,664,432" href="mirrors.html" target="_self">
  42.   <area shape="rect" coords="537,460,643,499" href="mailto:teresa@discountglassllc.com">
  43.   <area shape="rect" coords="33,645,145,728" href="http://www.iga.org/" target="_blank">
  44.   <area shape="rect" coords="37,749,145,802" href="http://www.glass.org/" target="_blank">
  45.   <area shape="rect" coords="191,694,356,759" href="#">
  46.   <area shape="rect" coords="367,690,498,761" href="#">
  47.   <area shape="rect" coords="561,645,654,706" href="#">
  48.   <area shape="rect" coords="545,718,669,751" href="#">
  49.   <area shape="rect" coords="522,761,691,807" href="#">
  50. </map></center>
  51. </body>
  52. </html>
  53.  
Dec 3 '09 #1
0 1811

Sign in to post your reply or Sign up for a free account.

Similar topics

2
by: Alex Hopson | last post by:
I'm using the code below to loop through some images and resize each image twice, once to create a thumbnail and once to create a small image. The page stops loading around the 38th image out of...
2
by: Clyde Ellul | last post by:
Hi there. I need to write a simple program that reads a GIF image from an input stream, resizes it, then writes it back to an output stream in the same format (GIF). (JPEG input/output is good...
10
by: riki | last post by:
Hi, i have a big problem...i'm using one jscript for resizing of all of my pics in popUp...in main html i'm having many little pics and clicking on them they open in popUp and resize to larger...
5
by: Jim | last post by:
I've heard that resizing images through PHP (either GD2 or ImageMagick) is a processor intensive exercise. I'm setting up a site where users will be uploading up to 10 images along with the details...
1
by: Ron Vecchi | last post by:
I am using asp.net to upload an image and then perform resizing on it and saving the different sizes to file. The resized images were coming up and being displayed in the bowser fine but the image...
10
by: David W. Simmonds | last post by:
I have a DataList control that has an Image control in the ItemTemplate. I would like to resize the image that goes into that control. I have a series of jpg files that are full size, full...
6
by: tomasio | last post by:
Dear NG, years have passed and I am still more designer than programmer. I build a new version of my website which has a few nasty bugs, especially on my startpage: Resizing text brakes the...
8
by: berkshire | last post by:
Hi, Anyone know of a script out there that can resize images and not sacrifice image quality? I've been using phpthumb (http://phpthumb.sourceforge.net/) but when compared to an image resized...
10
by: mishrarajesh44 | last post by:
hii all, I am facing a problem currently.. i have a script for image uploading and resizing.. the image uploading takes place properly for every size images.. but, the resizing works for...
14
anfetienne
by: anfetienne | last post by:
hi.....i have this script (below #1) that is linked to another php file SimpleImage.php (#2) im trying to get it to work on my uploaded images but it keeps coming up errors.....i haven't altered...
0
by: taylorcarr | last post by:
A Canon printer is a smart device known for being advanced, efficient, and reliable. It is designed for home, office, and hybrid workspace use and can also be used for a variety of purposes. However,...
0
by: aa123db | last post by:
Variable and constants Use var or let for variables and const fror constants. Var foo ='bar'; Let foo ='bar';const baz ='bar'; Functions function $name$ ($parameters$) { } ...
0
by: ryjfgjl | last post by:
If we have dozens or hundreds of excel to import into the database, if we use the excel import function provided by database editors such as navicat, it will be extremely tedious and time-consuming...
0
by: ryjfgjl | last post by:
In our work, we often receive Excel tables with data in the same format. If we want to analyze these data, it can be difficult to analyze them because the data is spread across multiple Excel files...
0
by: emmanuelkatto | last post by:
Hi All, I am Emmanuel katto from Uganda. I want to ask what challenges you've faced while migrating a website to cloud. Please let me know. Thanks! Emmanuel
0
BarryA
by: BarryA | last post by:
What are the essential steps and strategies outlined in the Data Structures and Algorithms (DSA) roadmap for aspiring data scientists? How can individuals effectively utilize this roadmap to progress...
0
by: Hystou | last post by:
Most computers default to English, but sometimes we require a different language, especially when relocating. Forgot to request a specific language before your computer shipped? No problem! You can...
0
Oralloy
by: Oralloy | last post by:
Hello folks, I am unable to find appropriate documentation on the type promotion of bit-fields when using the generalised comparison operator "<=>". The problem is that using the GNU compilers,...
0
jinu1996
by: jinu1996 | last post by:
In today's digital age, having a compelling online presence is paramount for businesses aiming to thrive in a competitive landscape. At the heart of this digital strategy lies an intricately woven...

By using Bytes.com and it's services, you agree to our Privacy Policy and Terms of Use.

To disable or enable advertisements and analytics tracking please visit the manage ads & tracking page.