https://www.cutpoint-inc.com/assets/plugins/master-slider/source/views/PartialWaveView.js

1/**
2 * Master Slider Partial Wave View
3 * @version 1.0
4 * @author averta
5 * @extends {MSWaveView}
6 */
7
8;(function(){
9	
10	window.MSPartialWaveView = function(options){
11		MSWaveView.call(this , options);
12		this.$element.removeClass('ms-wave-view').addClass('ms-partial-wave-view');
13	};
14	
15	MSPartialWaveView.extend(MSWaveView);
16	MSPartialWaveView._3dreq = true;
17	MSPartialWaveView._fallback = MSFadeBasicView;
18	
19	var p = MSPartialWaveView.prototype;
20	var _super = MSWaveView.prototype;
21	
22	/*-------------- METHODS --------------*/
23	
24	p.__updateSlidesHoriz = function(slide , distance){
25		var value =  Math.abs(distance * 100 / this.__width);
26		if( slide.hasBG ){
27			slide.$bg_img.css('opacity' , (100 -  Math.abs(distance * 120 / this.__width / 3)) / 100);	
28		}
29		slide.$element.css(window._csspfx + 'transform' , 'translateZ('+ -value * 3 +'px) rotateY(0.01deg) translateX('+distance*0.75+'px)');
30	};
31	
32	p.__updateSlidesVertic = function(slide , distance){
33		var value =  Math.abs(distance * 100 / this.__width);
34		if( slide.hasBG ){
35			slide.$bg_img.css('opacity' , (100 -  Math.abs(distance * 120 / this.__width / 3)) / 100);
36		}
37		slide.$element.css(window._csspfx + 'transform' , 'translateZ('+ -value * 3 +'px) rotateY(0.01deg) translateY('+distance*0.75+'px)');
38	};
39	
40	MSSlideController.registerView('partialWave' , MSPartialWaveView);
41	
42})();