https://joinbt.com/js/teamslider.js

1/*
2Plugin Name: jQuery Team Slider
3Author: Burak Aydin
4*/
5
6(function($){
7
8$.fn.teamslider=function(){
9
10
11	'use strict';
12
13	var defaults={
14
15		times:300,
16
17	};
18
19
20	var customopt=$.extend(defaults,customopt);
21
22	var slideLeft=182.5;
23
24	var allImage=this.find('.img-inner-wrap').length;
25
26	var currentImage=0;
27
28	var teamimgslider=this.find('.team-img-inner');
29
30	var teamtextslider=this.find('.team-text-inner');
31
32	var teamtextinner=teamtextslider.children('.text-inner-wrap');
33
34	var imginnerwrap=this.find('.img-inner-wrap');
35
36
37
38	this.find('.img-inner-wrap div').css({
39
40		width:150,
41		height:150
42
43	});
44
45	if($(window).width()<992){
46
47		this.find('.img-inner-wrap div').css({
48
49			width:120,
50			height:120
51
52		});
53
54	}
55	
56
57	$('.team-wrap').find('.arrow-left').click(function(){
58
59		
60		currentImage--;
61
62		if(currentImage<-1){
63			currentImage=-1;
64		}
65
66		setPosition(currentImage);
67
68	});
69
70
71	$('.team-wrap').find('.arrow-right').click(function(){
72
73		currentImage++;
74
75		if(currentImage>=allImage-1){
76
77			currentImage=allImage-2;
78
79		}
80
81		setPosition(currentImage);
82
83	});
84
85
86	if($(window).width()<992){
87
88		slideLeft=152.5;
89
90	}
91	
92
93
94	function setPosition(pos){
95
96		var px=slideLeft*pos;
97
98		var indexImg=pos+1;
99
100		imginnerwrap.removeClass('team-shadow');
101
102		imginnerwrap.eq(indexImg).addClass('team-shadow');
103
104
105		teamimgslider.stop().animate({
106
107			left:-px
108
109		},{duration:customopt.times});
110
111
112		teamimgslider.children('.img-inner-wrap').find('div').stop().animate({
113
114			width:150,
115			height:150
116
117
118		},{duration:250});
119
120		
121
122
123		teamimgslider.children('.img-inner-wrap').eq(indexImg).find('div').stop().animate({
124
125			width:350,
126			height:440
127
128		},{duration:250,step:function(){
129
130			teamimgslider.freetile();
131
132		}});	
133
134
135
136		if($(window).width()<1200){
137
138
139			teamimgslider.children('.img-inner-wrap').eq(indexImg).find('div').stop().animate({
140
141			width:320,
142			height:397
143
144		},{duration:250,step:function(){
145
146			teamimgslider.freetile();
147
148		}});
149
150		}
151
152
153		if($(window).width()<992){
154
155
156			teamimgslider.children('.img-inner-wrap').find('div').stop().animate({
157
158			width:120,
159			height:120
160
161
162		},{duration:250});
163
164
165			teamimgslider.children('.img-inner-wrap').eq(indexImg).find('div').stop().animate({
166
167			width:300,
168			height:370
169
170		},{duration:250,step:function(){
171
172			teamimgslider.freetile();
173
174		}});
175
176		}
177
178
179
180
181		if(currentImage<0){
182
183			teamtextinner.eq(0).fadeIn(300).animate({
184
185				marginLeft:0
186
187			},{duration:300,queue:false});
188
189
190
191			teamtextinner.eq(1).stop().fadeOut(300).css('display','none');
192
193
194		}else if(currentImage==allImage-2){
195
196			teamtextinner.eq(allImage-1).fadeIn(500).animate({
197
198				marginLeft:0
199
200			},{duration:300,queue:false});
201
202			teamtextinner.eq(allImage-2).fadeOut(300).css('display','none');
203
204		}else{
205
206			teamtextinner.stop().css({
207				marginLeft:60,
208				display:'none'
209			});
210
211			
212			teamtextinner.eq(indexImg).stop().fadeIn(500).animate({
213
214				marginLeft:0
215
216			},{duration:300,queue:false});
217
218		}
219
220
221	}
222	
223
224	$('.img-inner-wrap').eq(1).find('div').css({
225
226		width:350,
227		height:440
228
229	});
230
231
232
233	if($(window).width()<1200){
234
235		$('.img-inner-wrap').eq(1).find('div').css({
236
237			width:320,
238			height:397
239
240		});
241
242	}
243
244
245	if($(window).width()<992){
246
247		$('.img-inner-wrap').eq(1).find('div').css({
248
249			width:300,
250			height:372
251
252		});
253
254	}
255
256
257
258	teamtextinner.eq(1).css('display','block');
259
260	imginnerwrap.eq(1).addClass('team-shadow');
261
262
263}
264
265})(jQuery);