ansaurus

Question

img not showing

Answer 1

+3 A:

If you set img.style.display to none no image will show up. Thats what you specified, this will hide your image (see css reference: none: The element will generate no box at all).

theomega 2009-10-06 20:29:58

but even putting display to 'block', the actual image does not show. something else must be wrong...

Tony 2009-10-06 20:52:19

Answer 2

+1 A:

Right click the "missing image symbol", click "Properties". Look at the URL that it says - it's likely the URL is incorrect. If the current page is in a subfolder the URL might end up wrong.

You probably want to put the exact URL of the image:

img.src='http://yoursite.com/images/imageoverlay.png';

DisgruntledGoat 2009-10-06 22:44:20

Answer 3

A:

Your code worked fine for me (once I changed img.style.display='block';) in both IE and FF - so this either means the URL of the image is incorrect (it should be the path to the image relative to your page - or just use an absolute reference) or you're simply not calling the function that creates the image. (or you're calling it in the wrong place, like the <head></head> before the DOM is ready)

How are you calling the function?

Jason Berry 2009-10-06 23:00:09

Answer 4

+1 A:

The source, when specified in code, is relative to the page.

When specified in CSS, it's relative to the CSS file.

For example, if you have the following structure:

/page.html
/css/style.css
/scripts/script.js
/images/image.png

In page.html:

<img src="images/image.png">

In style.css:

#image { background-image: url(../images/image.png) }

Note the ".."! That means go up a level first, before going down the "images" folder.

In script.js:

img.src = "images/image.png";

Anthony Mills 2009-10-07 00:07:57

ansaurus

tags:

views:

answers:

img not showing

related questions