Visit any page of your website that suffers from the problem. Now pull down the "View" menu and pick "View Source" or "Page Source," depending on your choice of web browser. The HTML code for your page will be displayed.
Take a look at your img elements. Do they look like this?
<img src="file:///c/Program Files/somewhere/on/my/drive/image.jpg" />
Looks like we've found your problem! The URL you have specified for the src attribute is a location on your personal hard drive. This works for your computer because, well, it's your computer, and your hard drive is hooked up to it.
But is your personal hard drive hooked up to anybody else's computer? Nope, it sure isn't. No wonder it doesn't work!
So what do you need to do? You need to fix your src attributes so that they find the image via the web server, not by directly reading your hard drive.
The simplest solution is this:
1. Put the image files in the same folder with the web pages.
2. Write your img elements like this:
<img src="image.jpg" />
Notice what you don't see here. No http:, no file:, just a filename! And it works!
This works because web browsers support "relative URLs." A relative URL is a URL that locates something relative to the page you are already looking at. So if the image is in the same folder as the page, then all you need is a filename.
Got a LiveJournal account? Keep up with the latest articles in this FAQ by adding our syndicated feed to your friends list!