Comments on: Preloading Images with Valid CSS

By: Preload rollover images in WordPress : Secondhand Wordpress

Preload rollover images in WordPress : Secondhand Wordpress — Sun, 13 Sep 2009 08:24:29 +0000

[…] “WordPress preload rollover images”. I found this site that had a nice explanation (http://www.alvinjohnson.net/blog/2008/03/16/preloading-images-with-valid-css/), but lots more info that I needed. Here is the short and sweet […]

By: Alvin

Alvin — Fri, 27 Mar 2009 20:04:15 +0000

@Lucky-1: True, but display:none is not valid CSS, as was the aim of this workaround.

@brian: It will work in WP (as per the example above), but instead of linking the CSS, you have to make it inline within the preload DIV container. So you’ll have this:

instead of simply:

By: brian

brian — Thu, 26 Mar 2009 21:08:01 +0000

Hi,

Will this work in Wordpress?

By: Lucky-1

Lucky-1 — Thu, 26 Feb 2009 13:57:38 +0000

style=”display: none;” do the same –’

By: Constantine

Constantine — Thu, 06 Nov 2008 02:13:56 +0000

And the answers to kommety be?

By: Alvin

Alvin — Wed, 18 Jun 2008 19:27:55 +0000

Thank you for your reply, lucidmotives. I did remove the display:hidden and it still works because it is positioned off the screen. I must have forgotten I was trying to keep it valid.

By: lucidmotives

lucidmotives — Fri, 09 May 2008 19:39:05 +0000

Thanks for the tip. I have been struggling to find a clean, CSS option for rollover effects. I did notice that the “display:hidden” is included in your CSS. I don’t think that is a valid attribute for display. I simply dropped that declaration and everything seemed to work fine. Thanks again.