This example references the image object rather than using IDs.
The fade effect can be applied to all the images in the page or individual images.
If variable fadeAll is set to zero the fade effect will be applied to all the images in the page.
If variable fadeAll is set to 1 the fade effect is only applied to the images that contain the class name fademe.
When the page has loaded the minimum opacity value is applied to the appropriate images.
The maximum and minimum opacity values are set at variables maxOpac and minOpac.
Mousing over an image fades the image in to the maximum opacity setting, mousing out fades the image out to the minimum opacity setting.
The mouse events are dynamically applied to the fading images which also have an onclick event.
Clicking on an image will show the larger image or go to a url depending on how you code the array.
When coding the array you have to make sure that the relevant index matches the correct image.
The appropriate array index will match the ordinal number of the image within the total number of images included in the fade effect.
Mouse over each image to see the information revealed through the title tag