Comments on: css: preloading images with css

By: Jerry

Jerry — Fri, 30 May 2008 17:36:58 +0000

Works great for me! Awesome. Thanks!

By: DynamiXLabs

DynamiXLabs — Mon, 07 Apr 2008 12:20:36 +0000

Hi Marty! We are glad this has been useful to you. In terms of the preload, the images are loaded by the browser on every page that calls them. From our testing, and it could depend on your browser settings and version, you will need to preload appropriate images on any page you need them. In other words, if you remove a preload call for an image that’s used on mouseover on a particular page, even if it has been loaded on another page, it will likely flash while it reloads. This is why we recommend using a class rather than an ID, because it will allow you to preload appropriate images on every page, while still creating preloads for individual pages as well. Hope this helps!

By: Marty

Marty — Sat, 05 Apr 2008 16:44:16 +0000

Thanks for this tip, it has been a great help. I have a question, though. If you have used the same preload instructions on multiple pages, and the images get preloaded on the first page opened, does the browser follow that instruction and preload those images again when you go to the next page that also has the preload instructions, or, does it recognize that those images were already loaded?

By: Hosting

Hosting — Mon, 17 Mar 2008 03:01:29 +0000

Thanks for the knowledge.

By: DynamiXLabs

DynamiXLabs — Sun, 10 Feb 2008 18:12:57 +0000

Thanks for the heads up! I have updated our compatibility section.

By: TheDrawing1

TheDrawing1 — Sun, 10 Feb 2008 17:12:17 +0000

I just stumbled on your article. However, herewith you may consider your preload method compatible to Linux Firefox as well.

By: DynamiXLabs

DynamiXLabs — Thu, 07 Feb 2008 22:21:30 +0000

Hi CSSnewbie. I’m glad we were able to help! If you get stuck anywhere else along the way, send us an e-mail or leave a comment about what you are experiencing, and we will write an article solution for you. Thanks for the kind words!

By: CSSnewbie

CSSnewbie — Thu, 07 Feb 2008 22:15:45 +0000

A coworker and I were wrestling with this exact problem earlier today. We needed our images to pre-load before we applied some AJAX-y goodness, but didn’t really want to add yet another layer of JavaScript to the page. We weren’t sure if the browser would bother to download a hidden (non-displayed) image. This article was exactly the clarification we needed. Thanks!