How to get both background and non-background images using the imagesLoaded library.
May 8
by Gregory Alexander imagesLoaded library

I use the imagesLoaded javascript library to determine when and what images are loaded and to provide a status on a pre-loader status screen. The imagesLoaded library has the ability to gather information on background images, and non-background images using the 'background: true/false' argument. If you need to get both background and non-background images, just run it twice switching the background arguments. I highly recommend using this library when you want to provide a 'please wait' dialog and show the load progress of a graphically intense site.
ColdFISH is developed by Jason Delmore. Source code and license information available at coldfish.riaforge.org // Get the parallax images (non-background images). $('.images').imagesLoaded({ background: false }).progress( function( instance, image ) { loadProgress(); }); // Get the background images in the scenes. $('.bcg').imagesLoaded({ background: true }).progress( function( instance, image ) { loadProgress(); }); 1// Get the parallax images (non-background images). 2$('.images').imagesLoaded({ 3 background: false 4}).progress( function( instance, image ) { 5 loadProgress(); 6}); 7 8// Get the background images in the scenes. 9$('.bcg').imagesLoaded({ 10 background: true 11}).progress( function( instance, image ) { 12 loadProgress(); 13}); |
This entry was posted on May 8, 2019 at 11:35 PM and has received 486 views.
Download Galaxie Blog
Subscribe
Tags
Recent Posts
CfBlogs.org - A New ColdFusion Blog Aggregator |
Extending Application.cfc's using mappings and proxies |
Happy New Year! |
Galaxie Blog Status Update |
Adding a dummy record in the first row of a recordset |