Re: Image rollover using transparent .pngs

[pinandmountme]

I think I’ve resolved this by using:

img:hover {
opacity: .35;
}

and using a background colour:

background-color: #000;

for each div. The only probably is the background colour loads faster than the images. So, in some browsers, the page loads with black rectangles and squares first. Any other suggestions? And is it possible to make the images load faster or all at the same time? Or should I just resize all of the images to reduce their kB size?

Let me know what you think:

davidwightman.net/paintings.html

Thanks