Added before event

Author: Martijn van der Lee

README.md

@@ -1,8 +1,8 @@
 jQuery Coverflow
 ================
-Version 1.3.3
+Version 1.3.4
 
-Copyright © 2013-2016 Martijn van der Lee (http://martijn.vanderlee.com).
+Copyright © 2013-2017 Martijn van der Lee (http://martijn.vanderlee.com).
 MIT Open Source license applies.
 
 Yet another jQuery Coverflow widget.
@@ -180,6 +180,11 @@ or removing covers or changing the covers yourself.
 
 Events
 ------
+### **before**
+Triggered just before moving the coverflow to a new index.
+
+Callback: `function(event, cover, index)`
+
 ### **change**
 Triggered whenever the current cover index changes. This includes initially and
 for each cover passed by when skipping past multiple covers. Change triggers as

bower.json

@@ -1,6 +1,6 @@
 {
 	"name": "coverflow",
-	"version": "1.3.3",
+	"version": "1.3.4",
 	"homepage": "https://github.com/vanderlee/coverflow",
 	"authors": [
 		"Martijn van der Lee <[email protected]>"

demo.html

@@ -138,7 +138,7 @@
 
 				$('.photos').coverflow({
 					easing:			'easeOutElastic',
-					duration:		'slow',
+					duration:		1000,
 					index:			3,
 					width:			320,
 					height:			240,
@@ -150,11 +150,14 @@
 						console.log('Confirm');
 					},
 
-					change:			function(event, cover) {
+					before:			function() {
+						$('#photos-name').stop(true).fadeOut('fast');
+					},
+
+					select:			function(event, cover) {
 						var img = $(cover).children().andSelf().filter('img').last();
-						$('#photos-name').text(img.data('name') || 'unknown');
-					}
-					
+						$('#photos-name').text(img.data('name') || 'unknown').stop(true).fadeIn('fast');
+					},
 				});	
 
 				$('#leakdetect').click(function() {

jqcoverflow.jquery.json

@@ -1,6 +1,6 @@
 {
 	"name": "jqcoverflow",
-	"version": "1.3.3",
+	"version": "1.3.4",
 	"title": "Vanderlee Coverflow",
 	"description": "A jQuery-based Coverflow components with optional mousewheel, CSS3 interpolation, transformations, touch swipe, reflections and more.",
 	"author": {

jquery.coverflow.js

@@ -38,6 +38,7 @@
 	$.widget("vanderlee.coverflow", {
 		options: {
 			animateComplete:	undefined,
+			animateStart:		undefined,
 			animateStep:		undefined,
 			density:			1,
 			duration:			'normal',
@@ -325,12 +326,10 @@
 					'transform':			transform
 				}));
 
-				// Optional callback
 				that._trigger('animateStep', null, [cover, offset, isVisible, isMiddle, sin, cos]);
 
 				if (frame == that.options.index) {
-					// Optional callback
-					that._trigger('animateComplete', null, [cover, offset, isVisible, isMiddle, sin, cos]);					
+					that._trigger('animateComplete', null, [cover, offset, isVisible, isMiddle, sin, cos]);
 				}
 			});
 		},
@@ -342,6 +341,8 @@
 				covercount = covers.length,
 				triggered = false;
 
+			that._callback('before');
+		
 			covers.css('position', 'absolute');
 			that.element.stop().animate({
 				'__coverflow_frame':	index || that.options.index
@@ -362,6 +363,8 @@
 				},
 				'complete':		function() {				
 					that.currentIndex	= that.options.index;
+					that._callback('after');
+					
 					if (!triggered) {
 						that._callback('change');
 					}