jQuery Lazy Script
+ + + + + +jQuery plugin for lazy loading scripts to reduce the page loading time.
+ +Lazy types are: scroll, visible, click, hover, delay
+ +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);
+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);
+
+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);
+
+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);
+
+scripts are loaded with some delay
+ + var options = {
+ type: "delay",
+ time:5000, //5secs
+ scripts: [
+ "1.js",
+ "2.js",
+ "3.js"
+ ],
+ success: function () {
+
+ }
+ };
+ $.lazyscript(options);
+
+