jquery-radiantscroller-rails 0.0.5 → 0.1.0

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA1:
-  metadata.gz: ffce4f5a48353afbbfdab1ca1bef4aecf3d6dcb6
-  data.tar.gz: 870598a436c4c9e3bd6d17fa2604c0711f16f1eb
+  metadata.gz: cba69ee23600efbf2776301f5fdd93fed5b36dd0
+  data.tar.gz: 11e3b14fcd9ea5a44ce16025af7c73874c922a15
 SHA512:
-  metadata.gz: 514f254964e76dee7a8c3ea770a2ef277ba0361a8baf86732419cba44ef4f91ef8b0906c846bc6ad15f267bfd0b37c686ffc1addc33bb2e8d39dae32b062a6aa
-  data.tar.gz: 569ba7661c06423b6e81c1207f7fa2f3c3c7138d8df01ac9963b0612112b2bff7428fc6f155ed4c1809a5af3fce3fd8d5eefbbd8d29c9ef0a21f5765d69614c2
+  metadata.gz: 0de50b4ae63e82fe319f25cb5fbdd1dc7e6dcaa80e5a64256ccd7f16e6a2e037a73e4497af0a4efce9cce331496b1f78ebedc59d7c0566a7ca848e39fc87c083
+  data.tar.gz: 40b0ef01be59b1fe0c70116ddc4e960049163346df9f584e30f50cf1332feb2d3c88497d32981acb1dfc9b3e87cca1b671bf8397263f0283cf56539be9c40dab

data/README.md

@@ -1,4 +1,4 @@
-# RadiamtScroller plugin for Rails
+# RadiantScroller plugin for Rails
 
 [![Gem Version](https://badge.fury.io/rb/jquery-radiantscroller-rails.png)](http://badge.fury.io/rb/jquery-radiantscroller-rails)
 

data/lib/jquery-radiantscroller-rails/version.rb

@@ -1,5 +1,5 @@
 module RadiantScroller
   module Rails
-    VERSION = "0.0.5"
+    VERSION = "0.1.0"
   end
 end

data/vendor/assets/javascripts/jquery.radiantscroller.js

@@ -1,6 +1,6 @@
 /*!
  * jQuery RadiantScroller
- * Version: 0.0.5 (28/07/2014)
+ * Version: 0.1.0 (29/07/2014)
  * Copyright (c) 2014 Ilya Bodrov (http://www.radiant-wind.com/plugins/radiant_scroller)
  *
  * Requires: jQuery 1.7.0+
@@ -26,8 +26,9 @@
     scroller.width( (el_width * per_row) - scroller.vars.elementMargin );
 
     // Grouping elements by rows
-    do $(elements.slice(0, per_row)).wrapAll('<div class="radiant_scroller_row" />');
-    while((elements = elements.slice(per_row)).length > 0);
+    var elements_tmp = elements;
+    do $(elements_tmp.slice(0, per_row)).wrapAll('<div class="radiant_scroller_row" />');
+    while((elements_tmp = elements_tmp.slice(per_row)).length > 0);
 
     // Wrapper with hidden scrollbars
     scroller.wrap('<div class="radiant_scroller"></div>').wrap('<div class="radiant_scroller_wrapper" />');
@@ -64,6 +65,9 @@
             new_current_page !== scroller.current_page) {
           scroller.animating = true;
 
+          if (duration !== 0)
+            scroller.vars.beforeMove(scroller); // Callback telling moving animation is started
+
           wrapper.animate(
               { scrollLeft: wrapper.scrollLeft() + scroller.visible_els * el_width * scrollBy },
               duration, scroller.vars.easingType,
@@ -74,6 +78,15 @@
 
           if (scroller.vars.addPagination)
             scroller.assignActivePage(true);
+
+          if (duration !== 0) {
+            // Callback telling moving animation is finished
+            scroller.vars.afterMove(scroller);
+
+            if (new_current_page + 1 === scroller.total_pages)
+            // Callback telling moving animation is finished
+              scroller.vars.lastPageReached(scroller);
+          }
         }
       }
     };
@@ -113,6 +126,42 @@
       $(outer_wrapper.find('.radiant-page').get(scroller.current_page)).addClass('current-page');
     };
 
+    // Captions are added by assigning `title` attribute to imgs like
+    // <img src="test.jpg" title="My caption" />
+    scroller.addCaptions = function() {
+      var child_img, child_img_title;
+
+      elements.each(function() {
+        child_img = $(this).find('img');
+        child_img_title = $.trim(child_img.attr('title'));
+
+        if (typeof child_img_title !== 'undefined' && child_img_title !== '') {
+          child_img.attr('title', '');
+          $(this).append('<div class="radiant-caption">' +
+              child_img_title + '</div>');
+        }
+      });
+
+      var slide_animation_opts = {
+        duration: scroller.vars.captionsAnimateDuration,
+        easing: scroller.vars.captionsAnimateEasingType
+      };
+
+      scroller.on('mouseenter', '.scroller-el', function() {
+        var caption = $(this).find('.radiant-caption');
+        if (caption.size() > 0 && !caption.is(':visible')) {
+          caption.slideDown(slide_animation_opts, scroller.vars.afterShowingCaption(caption));
+        }
+      });
+
+      scroller.on('mouseleave', '.scroller-el', function() {
+        var caption = $(this).find('.radiant-caption');
+        if (caption.size() > 0 && caption.is(':visible')) {
+          caption.slideUp(slide_animation_opts, scroller.vars.afterHidingCaption(caption));
+        }
+      });
+    };
+
     // Binding events
     $(window).bindWithDelay('resize', function() {
       scroller.calculateVisibleElements();
@@ -148,11 +197,18 @@
     // Init scroller
     scroller.calculateVisibleElements();
     scroller.initializePagination();
+    if (scroller.vars.useCaptions) {
+      scroller.addCaptions();
+    }
+
+    scroller.vars.loaded(scroller); // Fire callback telling the scroller is loaded
   };
 
   $.radiantScroller.defaults = {
     addPagination: false,
     animateDuration: 700,
+    captionsAnimateDuration: 400,
+    captionsAnimateEasingType: 'swing',
     cols: 2,
     delayDuration: 500,
     easingType: 'swing',
@@ -161,7 +217,15 @@
     nextButtonText: '',
     prevButtonText: '',
     rows: 2,
-    useMouseWheel: false
+    useCaptions: false,
+    useMouseWheel: false,
+    // Callbacks
+    loaded: function() {}, // Called when the scroller is loaded and ready
+    beforeMove: function() {}, // Called before each scroller moving animation
+    afterMove: function() {}, // Called after each scroller moving animation is finished
+    lastPageReached: function() {}, // Called when the last page of the scroller is reached
+    afterHidingCaption: function() {}, // Called after the caption was hidden
+    afterShowingCaption: function() {} // Called after the caption was showed
   };
 
   $.fn.radiantScroller = function(options, options2) {

data/vendor/assets/stylesheets/jquery.radiantscroller.css

@@ -1,48 +1,62 @@
 /*!
  * jQuery RadiantScroller
- * Version: 0.0.5 (28/07/2014)
+ * Version: 0.1.0 (29/07/2014)
  * Copyright (c) 2014 Ilya Bodrov (http://www.radiant-wind.com/plugins/radiant_scroller)
  */
 
 /* ======== Scroller and elements ======== */
 .radiant_scroller {
-    position: relative;
+  position: relative;
 }
 
 .radiant_scroller_wrapper {
-    overflow: hidden;
+  overflow: hidden;
 }
 
 .radiant_scroller_wrapper .scroller-el {
-    display: block;
-    float: left;
+  display: block;
+  float: left;
+  position: relative;
 }
 
 .radiant_scroller .radiant_scroller_row .scroller-el:last-of-type {
-    margin-right: 0;
+  margin-right: 0;
 }
 
 .radiant_scroller .radiant_scroller_row:last-of-type .scroller-el {
-    margin-bottom: 0;
+  margin-bottom: 0;
 }
 
 /* ======== Navigatonal buttons (previous/next) ======== */
 .radiant_scroller .radiant-navigation {
-    clear: both;
+  clear: both;
 }
 
 .radiant_scroller .radiant-next, .radiant_scroller .radiant-prev {
-    position: absolute;
-    cursor: pointer;
+  position: absolute;
+  cursor: pointer;
 }
 
 /* ======== Pagination ======== */
 .radiant_scroller .radiant-pagination .radiant-page {
-    display: inline-block;
-    margin-right: 10px;
-    cursor: pointer;
+  display: inline-block;
+  margin-right: 10px;
+  cursor: pointer;
 }
 
 .radiant_scroller .radiant-pagination .radiant-page:last-of-type {
-    margin-right: 0;
+  margin-right: 0;
+}
+
+/* ======== Captions ======== */
+.radiant_scroller .radiant-caption {
+  position: absolute;
+  bottom: 0;
+  text-align: center;
+  color: #fff;
+  width: 100%;
+  padding-top: 5px;
+  padding-bottom: 5px;
+  display: none;
+  background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAIAAAACCAYAAABytg0kAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAABVJREFUeNpiYWBgaABiBiYGKAAIMAAHbACHQpFYbQAAAABJRU5ErkJggg==') repeat;
 }

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: jquery-radiantscroller-rails
 version: !ruby/object:Gem::Version
-  version: 0.0.5
+  version: 0.1.0
 platform: ruby
 authors:
 - Ilya Bodrov
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2014-07-28 00:00:00.000000000 Z
+date: 2014-07-29 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: railties