add bootstrap and jquerymobile addons

Author: dryabov

Gruntfile.js

@@ -61,6 +61,14 @@ module.exports = function (grunt) {
                 src: ['src/jquery.<%= pkg.name %>.bg.js'],
                 dest: 'dist/jquery.<%= pkg.name %>.bg.js'
             },
+            bootstrap: {
+                src: ['src/jquery.<%= pkg.name %>.bootstrap.js'],
+                dest: 'dist/jquery.<%= pkg.name %>.bootstrap.js'
+            },
+            jquerymobile: {
+                src: ['src/jquery.<%= pkg.name %>.jquerymobile.js'],
+                dest: 'dist/jquery.<%= pkg.name %>.jquerymobile.js'
+            },
             picture: {
                 src: ['src/jquery.<%= pkg.name %>.picture.js'],
                 dest: 'dist/jquery.<%= pkg.name %>.picture.js'
@@ -108,6 +116,14 @@ module.exports = function (grunt) {
                 src: '<%= concat.bg.dest %>',
                 dest: 'dist/jquery.<%= pkg.name %>.bg.min.js'
             },
+            bootstrap: {
+                src: '<%= concat.bootstrap.dest %>',
+                dest: 'dist/jquery.<%= pkg.name %>.bootstrap.min.js'
+            },
+            jquerymobile: {
+                src: '<%= concat.jquerymobile.dest %>',
+                dest: 'dist/jquery.<%= pkg.name %>.jquerymobile.min.js'
+            },
             picture: {
                 src: '<%= concat.picture.dest %>',
                 dest: 'dist/jquery.<%= pkg.name %>.picture.min.js'

README.md

@@ -26,6 +26,7 @@
     - [AJAX](#ajax)
     - [Support of IE6/7](#support-of-ie6-7)
 - [Addons](#addons)
+    - [Bootstrap and jQueryMobile](#bootstrap-and-jquerymobile)
     - [Video](#video)
     - [Responsive images](#responsive-images)
     - [Widgets](#widgets)
@@ -113,6 +114,16 @@ Addons:
       <td><a href="https://raw.github.com/ressio/lazy-load-xt/master/dist/jquery.lazyloadxt.autoload.js">jquery.lazyloadxt.autoload.js</a></td>
       <td><a href="https://raw.github.com/ressio/lazy-load-xt/master/dist/jquery.lazyloadxt.autoload.min.js">jquery.lazyloadxt.autoload.min.js</a></td>
      </tr>
+    <tr>
+      <td><a href="#bootstrap-and-jquerymobile">Bootstrap</a></td>
+      <td><a href="https://raw.github.com/ressio/lazy-load-xt/master/dist/jquery.lazyloadxt.bootstrap.js">jquery.lazyloadxt.bootstrap.js</a></td>
+      <td><a href="https://raw.github.com/ressio/lazy-load-xt/master/dist/jquery.lazyloadxt.bootstrap.min.js">jquery.lazyloadxt.bootstrap.min.js</a></td>
+     </tr>
+    <tr>
+      <td><a href="#bootstrap-and-jquerymobile">jQueryMobile</a></td>
+      <td><a href="https://raw.github.com/ressio/lazy-load-xt/master/dist/jquery.lazyloadxt.jquerymobile.js">jquery.lazyloadxt.jquerymobile.js</a></td>
+      <td><a href="https://raw.github.com/ressio/lazy-load-xt/master/dist/jquery.lazyloadxt.jquerymobile.min.js">jquery.lazyloadxt.jquerymobile.min.js</a></td>
+     </tr>
   </tbody>
 </table>
 
@@ -500,6 +511,14 @@ Lazy Load XT may be easily extended to support other lazyloading-related things.
 project and listed below.
 
 
+### Bootstrap and jQueryMobile
+
+To support [Bootstrap](http://getbootstrap.com/) and [jQueryMobile](http://jquerymobile.com/) frameworks, use
+`<script src="jquery.lazyloadxt.bootstrap.js"></script>` and `<script src="jquery.lazyloadxt.jquerymobile.js"></script>`
+addons, correspondingly. These addons recheck visible images each time related javascript plugin (e.g. Bootstrap's Carousel
+or jQueryMobile's Panel) changes page content.
+
+
 ### Video
 
 Support of video elements in extra version of Lazy Load XT is just an addon that is combined with base version of

bower.json

@@ -6,7 +6,7 @@
     "authors": ["RESS.io"],
     "homepage": "http://ressio.github.io/lazy-load-xt",
     "license": "MIT",
-    "keywords": ["effect", "image", "images", "jquery", "jquerymobile", "lazy", "lazyload", "load", "media", "mobile", "performance", "responsive", "speed", "video", "vimeo", "youtube"],
+    "keywords": ["effect", "image", "images", "jquery", "jquerymobile", "bootstrap", "lazy", "lazyload", "load", "media", "mobile", "performance", "responsive", "speed", "video", "vimeo", "youtube"],
     "dependencies": {
         "jquery": ">=1.7.0"
     },

package.json

@@ -13,7 +13,26 @@
         "type": "git",
         "url": "git://github.com/ressio/lazy-load-xt.git"
     },
-    "keywords": ["jquery-plugin", "effect", "image", "images", "jquery", "jquerymobile", "lazy", "lazyload", "load", "media", "mobile", "performance", "responsive", "speed", "video", "vimeo", "youtube"],
+    "keywords": [
+        "jquery-plugin",
+        "effect",
+        "image",
+        "images",
+        "jquery",
+        "bootstrap",
+        "jquerymobile",
+        "lazy",
+        "lazyload",
+        "load",
+        "media",
+        "mobile",
+        "performance",
+        "responsive",
+        "speed",
+        "video",
+        "vimeo",
+        "youtube"
+    ],
     "bugs": "https://github.com/ressio/lazy-load-xt/issues",
     "licenses": [
         {

src/jquery.lazyloadxt.bootstrap.js

@@ -0,0 +1,8 @@
+/*jslint browser:true, plusplus:true, vars:true */
+/*jshint browser:true, jquery:true */
+
+(function ($) {
+    'use strict';
+
+    $.lazyLoadXT.updateEvent += ' shown.bs.modal shown.bs.dropdown shown.bs.tab shown.bs.tooltip shown.bs.popover shown.bs.collapse slid.bs.carousel';
+})(window.jQuery || window.Zepto || window.$);

src/jquery.lazyloadxt.jquerymobile.js

@@ -0,0 +1,8 @@
+/*jslint browser:true, plusplus:true, vars:true */
+/*jshint browser:true, jquery:true */
+
+(function ($) {
+    'use strict';
+
+    $.lazyLoadXT.updateEvent += ' collapsibleexpand filterablefilter pagechange panelopen popupafteropen tabsactivate';
+})(window.jQuery || window.Zepto || window.$);

test/lazyloadxt-addons.html

@@ -18,6 +18,8 @@
     <script src="../src/jquery.lazyloadxt.script.js"></script>
     <script src="../src/jquery.lazyloadxt.srcset.js"></script>
     <script src="../src/jquery.lazyloadxt.widget.js"></script>
+    <script src="../src/jquery.lazyloadxt.bootstrap.js"></script>
+    <script src="../src/jquery.lazyloadxt.jquerymobile.js"></script>
 
     <script src="../src/jquery.lazyloadxt.autoload.js"></script>