Support » Plugin: BJ Lazy Load » Adding preload image script for fadein effect

  • Thanks for the great plugin!

    I wanted to have the images you see in your view area on page load to fadein after the image loaded.

    With some very simple changes I was able to edit the plugin to do so.

    I used the imageLoaded plugin (very small!)
    1. Added jquery.imagesloaded.min.js to the js folder

    2 . Added a wp_enqueue_script to the “bj-lazy-load.php” page.
    wp_enqueue_script( 'jquery.imagesloaded', plugins_url( '/js/jquery.imagesloaded.min.js', __FILE__ ), array( 'jquery' ), self::version, $in_footer );

    3. Finally I added a very small bit of jquery to the “bj-lazy-load.js” file. (after that minifying it and copying it to the “bj-lazy-load.min.js”)

    Changed the code from:

    	.attr( 'src', imgurl )
    	.removeClass( 'lazy-hidden' )


    	.attr( 'src', imgurl )
    	.removeClass( 'lazy-hidden' )
    	.imagesLoaded(function() {

    Hopefully this might be added to the plugin as it doesn’t add any load time and also adds a nice feature.

Viewing 1 replies (of 1 total)
  • Plugin Author Bjørn Johansen


    Thanks for the input 🙂

    Adding another JS-file does affect the total page load performance, but this can be done fairly easy without an external resource.

    I believe this feature will be added in the near future 🙂


Viewing 1 replies (of 1 total)
  • The topic ‘Adding preload image script for fadein effect’ is closed to new replies.