update image lazy loading

dashboard-ui/scripts/gamesrecommendedpage.js

@@ -19,14 +19,16 @@
 
         ApiClient.getJSON(ApiClient.getUrl('Users/' + userId + '/Items/Latest', options)).then(function (items) {
 
-            $('#recentlyAddedItems', page).html(LibraryBrowser.getPosterViewHtml({
+            var recentlyAddedItems = page.querySelector('#recentlyAddedItems');
+            recentlyAddedItems.innerHTML = LibraryBrowser.getPosterViewHtml({
                 items: items,
                 transparent: true,
                 borderless: true,
                 shape: 'auto',
                 lazy: true
 
-            })).lazyChildren();
+            });
+            ImageLoader.lazyChildren(recentlyAddedItems);
 
         });
 
@@ -52,15 +54,16 @@
                 $('#recentlyPlayedSection', page).hide();
             }
 
-            $('#recentlyPlayedItems', page).html(LibraryBrowser.getPosterViewHtml({
+            var recentlyPlayedItems = page.querySelector('#recentlyPlayedItems');
+            recentlyPlayedItems.innerHTML = LibraryBrowser.getPosterViewHtml({
                 items: result.Items,
                 transparent: true,
                 borderless: true,
                 shape: 'auto',
                 lazy: true
 
-            })).lazyChildren();
-
+            });
+            ImageLoader.lazyChildren(recentlyPlayedItems);
         });
 
     });

dashboard-ui/scripts/itemdetailpage.js

@@ -725,6 +725,14 @@
         });
     }
 
+    $.fn.lazyChildren = function () {
+
+        for (var i = 0, length = this.length; i < length; i++) {
+            ImageLoader.lazyChildren(this[i]);
+        }
+        return this;
+    };
+
     function renderSeriesAirTime(page, item, isStatic) {
 
         if (item.Type != "Series") {

dashboard-ui/scripts/mediaplayer-video.js

@@ -428,6 +428,14 @@
             });
         };
 
+        $.fn.lazyChildren = function () {
+
+            for (var i = 0, length = this.length; i < length; i++) {
+                ImageLoader.lazyChildren(this[i]);
+            }
+            return this;
+        };
+
         function getNowPlayingTabsHtml(item) {
 
             var html = '';

dashboard-ui/scripts/moviesrecommended.js

@@ -132,7 +132,9 @@
                 });
             }
 
-            $('#resumableItems', page).html(html).lazyChildren();
+            var resumableItems = page.querySelector('#resumableItems');
+            resumableItems.innerHTML = html;
+            ImageLoader.lazyChildren(resumableItems);
 
         });
     }

dashboard-ui/scripts/site.js

@@ -770,13 +770,16 @@ var Dashboard = {
 
             $(document.body).append(html);
 
-            var elem = $('#userFlyout').panel({}).lazyChildren().trigger('create').panel("open").on("panelclose", function () {
+            var userFlyout = document.querySelector('#userFlyout');
+            ImageLoader.lazyChildren(userFlyout);
+
+            $(userFlyout).panel({}).panel("open").on("panelclose", function () {
 
                 $(this).off("panelclose").remove();
             });
 
             ConnectionManager.user(window.ApiClient).then(function (user) {
-                Dashboard.updateUserFlyout(elem, user);
+                Dashboard.updateUserFlyout(userFlyout, user);
             });
         });
     },
@@ -797,7 +800,9 @@ var Dashboard = {
         }
         html += user.name;
 
-        $('.userHeader', elem).html(html).lazyChildren();
+        var userHeader = elem.querySelector('.userHeader');
+        userHeader.innerHTML = html;
+        ImageLoader.lazyChildren(userHeader);
 
         html = '';
 

dashboard-ui/scripts/syncactivity.js

@@ -218,6 +218,14 @@
         }
     }
 
+    $.fn.lazyChildren = function () {
+
+        for (var i = 0, length = this.length; i < length; i++) {
+            ImageLoader.lazyChildren(this[i]);
+        }
+        return this;
+    };
+
     function refreshData(page, jobs) {
 
         for (var i = 0, length = jobs.length; i < length; i++) {

dashboard-ui/scripts/syncjob.js

@@ -102,6 +102,14 @@
         return html;
     }
 
+    $.fn.lazyChildren = function () {
+
+        for (var i = 0, length = this.length; i < length; i++) {
+            ImageLoader.lazyChildren(this[i]);
+        }
+        return this;
+    };
+
     function renderJobItems(page, items) {
 
         var html = '';