I'm designing a site for my old man and I am having some issue regarding pre-loading image for a hover effect.

Currently when I hover over an image it gives me a brief period of white space then loads the hover image.

I have tried to add the images into a div that is hidden from sight but unfortunately this hasn't worked.

Is there something missing?

I have a link for the site BUT it's a link through as I don't want the address advertised on daniweb.com.

Site: http://tinyurl.com/yz7usbm

Thanks all.

EDIT: Meant to say it's the menu bar I am having the issue with. ;)

Oh I have resolved the issue. I had to apply the hover image to the li behind the anchor and then set the original image to disappear when hovered over to display the underlying image.

Be a part of the DaniWeb community

We're a friendly, industry-focused community of developers, IT pros, digital marketers, and technology enthusiasts meeting, learning, and sharing knowledge.