Mouse over image

[Dark Light]

Hey people!

So I have a portfolio of images which are 800 pixles wide, so there is not alot of room for content or descriptions. For this reason I would like some ideas or suggestions of how to do a mouse over of an image.

What I want is some script or something that will mean when someone mouses over the image, it grays out or something and would provide some text content over the image.

There might be a tutorial for this kind of thing online, or perhaps a script i can download.

I dont no if anyone can do this but any ideas/suggestions would be greatly appreciated!

Thanks,

Mike

[MarPlo]

You can put that image as a background of a DIV (with CSS background), and the text content inside that DIV.
Or you can use JS onmouseover event in <img> to make visible a html tag.
<img src="image.jpg" onmouseover="document.getElementById('id_tag_text').style.display='block';" />

[Dark Light]

You can put that image as a background of a DIV (with CSS background), and the text content inside that DIV.
Or you can use JS onmouseover event in <img> to make visible a html tag.
<img src="image.jpg" onmouseover="document.getElementById('id_tag_text').style.display='block';" />

Could you elaborate on this suggestion a bit please? I dot want to use the image as a background image as Im trying to make the site as accessible as possible so would like to include alt tags.

I am interested in the second idea but dont really understand. could you expand on this please?

Thanks