Fade in gallery to avoid show big galleries without cycle2 loaded (#8)

collective · Jul 20, 2016 · 9e416fe · 9e416fe
1 parent 5785006
commit 9e416fe
Show file tree

Hide file tree

Showing 3 changed files with 5 additions and 1 deletion.
diff --git a/CHANGES.rst b/CHANGES.rst
@@ -6,6 +6,9 @@ There's a frood who really knows where his towel is.
 1.0b2 (unreleased)
 ------------------
 
+- Fade in slideshows to avoid showing them before Cycle2 is loaded.
+  [rodfersou]
+
 - Add `utils.js` script;
   this script can be used by third party add-ons to easily create responsive slideshows.
   [rodfersou]

diff --git a/src/collective/js/cycle2/resources/utils.js b/src/collective/js/cycle2/resources/utils.js
@@ -24,6 +24,7 @@
       this.bindEvents();
       this.fixImageSize();
       this.centerImage();
+      $(el).fadeTo('slow', 1);
     }
     Cycle2SlideShow.prototype.bindEvents = function() {
       this.$player.on('cycle-next cycle-prev', $.proxy(this.syncSlideshows, this));

diff --git a/src/collective/js/cycle2/resources/utils.min.js b/src/collective/js/cycle2/resources/utils.min.js