##Overview jQuery plugin for lazy loading scripts to reduce the page loading time.
###Lazy Types Lazy types are: scroll, visible, click, hover, delay
###With lazy type :scroll scripts are loaded when the window is scrolled.
var options = {
type: "scroll",
scripts: [
"http://platform.twitter.com/widgets.js",
"http://connect.facebook.net/en_US/all.js#xfbml=1&appId=445577382175430",
"https://apis.google.com/js/plusone.js"
],
success: function () {
FB.init({ status: true, cookie: true, xfbml: true });
}
};
$.lazyscript(options);###With lazy type : visible scripts are loaded when a specific div is visible on-screen ( while scrolling).
var options = {
type: "visible",
id:"mydiv", //div Id
scripts: [
"1.js",
"2.js",
"3.js"
],
success: function () {
}
};
$.lazyscript(options);###with lazy type: click scripts are loaded when clicked on a div
var options = {
type: "click",
id:"mybutton",
scripts: [
"1.js",
"2.js",
"3.js"
],
success: function () {
}
};
$.lazyscript(options);###with lazy type: hover scripts are loaded when mouse hover on a div
var options = {
type: "hover",
id:"mybutton",
scripts: [
"1.js",
"2.js",
"3.js"
],
success: function () {
}
};
$.lazyscript(options);###with lazy type: delay scripts are loaded with some delay
var options = {
type: "delay",
time:5000, //5secs
scripts: [
"1.js",
"2.js",
"3.js"
],
success: function () {
}
};
$.lazyscript(options);