/*!
* M Flip - jQuery Plugin
* version 0.1 (17 Feb 2015)
* requires jQuery v1.6 or later
*
* Examples at http://codepen.io/unavezfui/pen/Byryep
*
* Copyright 2015 Manu Morante - www.manumorante.com
*
*/
(function($){
var isTouch = document.createTouch !== undefined,
evt_hover = (isTouch)? 'touchstart' : 'mouseover',
evt_out = (isTouch)? 'touchend' : 'mouseout';
$.fn.extend({
mflip: function(){
return this.each(function(){
var $f = $(this),
$c,
rotation = $f.data('rotation');
$f.html('
'+ $f.html() +'
');
$c = $('.m-flip__content', $f);
// Event: Rollover / Touchstart
$f.bind(evt_hover, function(){
if( isNaN(rotation) ){
$c.addClass('active');
} else {
$c.css({
'-webkit-transform': 'rotateY('+ rotation +'deg)',
'-moz-transform': 'rotateY('+ rotation +'deg)',
'transform': 'rotateY('+ rotation +'deg)'
});
}
// Event: Rollout / Touchend
}).bind(evt_out, function(){
if( isNaN(rotation) ){
$c.removeClass('active');
}else{
$c.css({
'-webkit-transform': 'rotateY(0deg)',
'-moz-transform': 'rotateY(0deg)',
'transform': 'rotateY(0deg)'
});
}
});
});
}
});
})(jQuery);