librenms/html/js/lazyload.js

37 lines
1.2 KiB
JavaScript

/*
* LibreNMS module to initialize and support lazy loading of graph images
*
* Copyright (c) 2015 Travis Hegner <http://travishegner.com/>
*
* This program is free software: you can redistribute it and/or modify it
* under the terms of the GNU General Public License as published by the
* Free Software Foundation, either version 3 of the License, or (at your
* option) any later version. Please see LICENSE.txt at the top level of
* the source code distribution for details.
*/
$(document).ready(function(){
//initialize jquery lazyload for all '.lazy' img tags
$("img.lazy").load(lazyload_done).lazyload({
effect: "fadeIn",
threshold: 300,
placeholder: ""
});
//re-initializes images loaded after an ajax call
$(document).ajaxStop(function() {
$("img.lazy").load(lazyload_done).lazyload({
effect: "fadeIn",
threshold: 300,
placeholder: ""
});
});
});
function lazyload_done() {
//Since RRD takes the width and height params for only the canvas, we must unset them
//from the final (larger) image to prevent the browser from resizing them.
$(this).removeAttr('height').removeClass('lazy');
}