Use imagesLoaded jQuery extension instead of window.load

uml-digitalinitiatives · Feb 11, 2016 · 2a20939 · 2a20939
1 parent 3671275
commit 2a20939
Show file tree

Hide file tree

Showing 3 changed files with 10 additions and 4 deletions.
diff --git a/UofM_2.info b/UofM_2.info
@@ -83,8 +83,7 @@ stylesheets[print][] = css/print.css
 ; Optionally add some JavaScripts to your theme.
 
 scripts[] = js/script.js
-scripts[] = js/jquery.selectBoxIt.min.js
-
+scripts[] = js/imagesloaded.pkgd.min.js
 
 
 ; This section lists the regions defined in Zen's default page.tpl.php and

diff --git a/js/imagesloaded.pkgd.min.js b/js/imagesloaded.pkgd.min.js
diff --git a/js/script.js b/js/script.js
@@ -39,15 +39,15 @@
       });
 
       // Scroll active compound into view.
-      if (jQuery('.islandora-compound-thumbs, .islandora-compound-jail-thumbs').length > 0) {
+      jQuery('.islandora-compound-thumbs, .islandora-compound-jail-thumbs').imagesLoaded(function() {
         var active = jQuery('.islandora-compound-thumb a.active:visible, .islandora-compound-object-jail-active:visible');
         var activeLeft = jQuery(active).offset().left;
         var wrapWidth = jQuery('.islandora-compound-thumbs-wrapper, .islandora-compound-jail-thumbs').width();
         var wrapLeft = jQuery('.islandora-compound-thumbs-wrapper, .islandora-compound-jail-thumbs').offset().left;
         if (activeLeft > (wrapLeft + wrapWidth)){
           jQuery(active).scrollParent().animate({'scrollLeft': (activeLeft - wrapLeft - (wrapWidth / 2)) + 'px'},500);
         }
-      }
+      });
 
       // Show and hide captions from new grid display.
       if (jQuery('.islandora-newspaper-issue, .solr-grid-thumb, .islandora-basic-collection-thumb').length > 0) {