frontend-helpers 0.0.7 → 0.0.8
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- data/.rvmrc +1 -0
- data/Gemfile +5 -5
- data/Gemfile.lock +59 -58
- data/README.md +8 -0
- data/Rakefile +1 -1
- data/app/views/layouts/mail.html.haml +54 -0
- data/frontend-helpers.gemspec +29 -26
- data/lib/generators/frontend/install/install_generator.rb +5 -0
- data/vendor/assets/javascripts/backbone/authtoken.js +58 -0
- data/vendor/assets/javascripts/backbone/backbone.js +25 -16
- data/vendor/assets/javascripts/backbone/index.js +2 -1
- data/vendor/assets/javascripts/backbone/underscore.js +49 -17
- data/vendor/assets/javascripts/jquery.cookie.js +42 -35
- data/vendor/assets/javascripts/jquery.slides.js +538 -31
- data/vendor/assets/stylesheets/fancybox.css.scss +17 -17
- metadata +26 -23
|
@@ -2,8 +2,8 @@
|
|
|
2
2
|
* Slides, A Slideshow Plugin for jQuery
|
|
3
3
|
* Intructions: http://slidesjs.com
|
|
4
4
|
* By: Nathan Searles, http://nathansearles.com
|
|
5
|
-
* Version: 1.1.
|
|
6
|
-
* Updated:
|
|
5
|
+
* Version: 1.1.9
|
|
6
|
+
* Updated: September 5th, 2011
|
|
7
7
|
*
|
|
8
8
|
* Licensed under the Apache License, Version 2.0 (the "License");
|
|
9
9
|
* you may not use this file except in compliance with the License.
|
|
@@ -17,32 +17,539 @@
|
|
|
17
17
|
* See the License for the specific language governing permissions and
|
|
18
18
|
* limitations under the License.
|
|
19
19
|
*/
|
|
20
|
-
(function($){
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
option
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
20
|
+
(function($){
|
|
21
|
+
$.fn.slides = function( option ) {
|
|
22
|
+
// override defaults with specified option
|
|
23
|
+
option = $.extend( {}, $.fn.slides.option, option );
|
|
24
|
+
|
|
25
|
+
return this.each(function(){
|
|
26
|
+
// wrap slides in control container, make sure slides are block level
|
|
27
|
+
$('.' + option.container, $(this)).children().wrapAll('<div class="slides_control"/>');
|
|
28
|
+
|
|
29
|
+
var elem = $(this),
|
|
30
|
+
control = $('.slides_control',elem),
|
|
31
|
+
total = control.children().size(),
|
|
32
|
+
width = control.children().outerWidth(),
|
|
33
|
+
height = control.children().outerHeight(),
|
|
34
|
+
start = option.start - 1,
|
|
35
|
+
effect = option.effect.indexOf(',') < 0 ? option.effect : option.effect.replace(' ', '').split(',')[0],
|
|
36
|
+
paginationEffect = option.effect.indexOf(',') < 0 ? effect : option.effect.replace(' ', '').split(',')[1],
|
|
37
|
+
next = 0, prev = 0, number = 0, current = 0, loaded, active, clicked, position, direction, imageParent, pauseTimeout, playInterval;
|
|
38
|
+
|
|
39
|
+
// is there only one slide?
|
|
40
|
+
if (total < 2) {
|
|
41
|
+
// Fade in .slides_container
|
|
42
|
+
$('.' + option.container, $(this)).fadeIn(option.fadeSpeed, option.fadeEasing, function(){
|
|
43
|
+
// let the script know everything is loaded
|
|
44
|
+
loaded = true;
|
|
45
|
+
// call the loaded funciton
|
|
46
|
+
option.slidesLoaded();
|
|
47
|
+
});
|
|
48
|
+
// Hide the next/previous buttons
|
|
49
|
+
$('.' + option.next + ', .' + option.prev).fadeOut(0);
|
|
50
|
+
return false;
|
|
51
|
+
}
|
|
52
|
+
|
|
53
|
+
// animate slides
|
|
54
|
+
function animate(direction, effect, clicked) {
|
|
55
|
+
if (!active && loaded) {
|
|
56
|
+
active = true;
|
|
57
|
+
// start of animation
|
|
58
|
+
option.animationStart(current + 1);
|
|
59
|
+
switch(direction) {
|
|
60
|
+
case 'next':
|
|
61
|
+
// change current slide to previous
|
|
62
|
+
prev = current;
|
|
63
|
+
// get next from current + 1
|
|
64
|
+
next = current + 1;
|
|
65
|
+
// if last slide, set next to first slide
|
|
66
|
+
next = total === next ? 0 : next;
|
|
67
|
+
// set position of next slide to right of previous
|
|
68
|
+
position = width*2;
|
|
69
|
+
// distance to slide based on width of slides
|
|
70
|
+
direction = -width*2;
|
|
71
|
+
// store new current slide
|
|
72
|
+
current = next;
|
|
73
|
+
break;
|
|
74
|
+
case 'prev':
|
|
75
|
+
// change current slide to previous
|
|
76
|
+
prev = current;
|
|
77
|
+
// get next from current - 1
|
|
78
|
+
next = current - 1;
|
|
79
|
+
// if first slide, set next to last slide
|
|
80
|
+
next = next === -1 ? total-1 : next;
|
|
81
|
+
// set position of next slide to left of previous
|
|
82
|
+
position = 0;
|
|
83
|
+
// distance to slide based on width of slides
|
|
84
|
+
direction = 0;
|
|
85
|
+
// store new current slide
|
|
86
|
+
current = next;
|
|
87
|
+
break;
|
|
88
|
+
case 'pagination':
|
|
89
|
+
// get next from pagination item clicked, convert to number
|
|
90
|
+
next = parseInt(clicked,10);
|
|
91
|
+
// get previous from pagination item with class of current
|
|
92
|
+
prev = $('.' + option.paginationClass + ' li.'+ option.currentClass +' a', elem).attr('href').match('[^#/]+$');
|
|
93
|
+
// if next is greater then previous set position of next slide to right of previous
|
|
94
|
+
if (next > prev) {
|
|
95
|
+
position = width*2;
|
|
96
|
+
direction = -width*2;
|
|
97
|
+
} else {
|
|
98
|
+
// if next is less then previous set position of next slide to left of previous
|
|
99
|
+
position = 0;
|
|
100
|
+
direction = 0;
|
|
101
|
+
}
|
|
102
|
+
// store new current slide
|
|
103
|
+
current = next;
|
|
104
|
+
break;
|
|
105
|
+
}
|
|
106
|
+
|
|
107
|
+
// fade animation
|
|
108
|
+
if (effect === 'fade') {
|
|
109
|
+
// fade animation with crossfade
|
|
110
|
+
if (option.crossfade) {
|
|
111
|
+
// put hidden next above current
|
|
112
|
+
control.children(':eq('+ next +')', elem).css({
|
|
113
|
+
zIndex: 10
|
|
114
|
+
// fade in next
|
|
115
|
+
}).fadeIn(option.fadeSpeed, option.fadeEasing, function(){
|
|
116
|
+
if (option.autoHeight) {
|
|
117
|
+
// animate container to height of next
|
|
118
|
+
control.animate({
|
|
119
|
+
height: control.children(':eq('+ next +')', elem).outerHeight()
|
|
120
|
+
}, option.autoHeightSpeed, function(){
|
|
121
|
+
// hide previous
|
|
122
|
+
control.children(':eq('+ prev +')', elem).css({
|
|
123
|
+
display: 'none',
|
|
124
|
+
zIndex: 0
|
|
125
|
+
});
|
|
126
|
+
// reset z index
|
|
127
|
+
control.children(':eq('+ next +')', elem).css({
|
|
128
|
+
zIndex: 0
|
|
129
|
+
});
|
|
130
|
+
// end of animation
|
|
131
|
+
option.animationComplete(next + 1);
|
|
132
|
+
active = false;
|
|
133
|
+
});
|
|
134
|
+
} else {
|
|
135
|
+
// hide previous
|
|
136
|
+
control.children(':eq('+ prev +')', elem).css({
|
|
137
|
+
display: 'none',
|
|
138
|
+
zIndex: 0
|
|
139
|
+
});
|
|
140
|
+
// reset zindex
|
|
141
|
+
control.children(':eq('+ next +')', elem).css({
|
|
142
|
+
zIndex: 0
|
|
143
|
+
});
|
|
144
|
+
// end of animation
|
|
145
|
+
option.animationComplete(next + 1);
|
|
146
|
+
active = false;
|
|
147
|
+
}
|
|
148
|
+
});
|
|
149
|
+
} else {
|
|
150
|
+
// fade animation with no crossfade
|
|
151
|
+
control.children(':eq('+ prev +')', elem).fadeOut(option.fadeSpeed, option.fadeEasing, function(){
|
|
152
|
+
// animate to new height
|
|
153
|
+
if (option.autoHeight) {
|
|
154
|
+
control.animate({
|
|
155
|
+
// animate container to height of next
|
|
156
|
+
height: control.children(':eq('+ next +')', elem).outerHeight()
|
|
157
|
+
}, option.autoHeightSpeed,
|
|
158
|
+
// fade in next slide
|
|
159
|
+
function(){
|
|
160
|
+
control.children(':eq('+ next +')', elem).fadeIn(option.fadeSpeed, option.fadeEasing);
|
|
161
|
+
});
|
|
162
|
+
} else {
|
|
163
|
+
// if fixed height
|
|
164
|
+
control.children(':eq('+ next +')', elem).fadeIn(option.fadeSpeed, option.fadeEasing, function(){
|
|
165
|
+
// fix font rendering in ie, lame
|
|
166
|
+
if($.browser.msie) {
|
|
167
|
+
$(this).get(0).style.removeAttribute('filter');
|
|
168
|
+
}
|
|
169
|
+
});
|
|
170
|
+
}
|
|
171
|
+
// end of animation
|
|
172
|
+
option.animationComplete(next + 1);
|
|
173
|
+
active = false;
|
|
174
|
+
});
|
|
175
|
+
}
|
|
176
|
+
// slide animation
|
|
177
|
+
} else {
|
|
178
|
+
// move next slide to right of previous
|
|
179
|
+
control.children(':eq('+ next +')').css({
|
|
180
|
+
left: position,
|
|
181
|
+
display: 'block'
|
|
182
|
+
});
|
|
183
|
+
// animate to new height
|
|
184
|
+
if (option.autoHeight) {
|
|
185
|
+
control.animate({
|
|
186
|
+
left: direction,
|
|
187
|
+
height: control.children(':eq('+ next +')').outerHeight()
|
|
188
|
+
},option.slideSpeed, option.slideEasing, function(){
|
|
189
|
+
control.css({
|
|
190
|
+
left: -width
|
|
191
|
+
});
|
|
192
|
+
control.children(':eq('+ next +')').css({
|
|
193
|
+
left: width,
|
|
194
|
+
zIndex: 5
|
|
195
|
+
});
|
|
196
|
+
// reset previous slide
|
|
197
|
+
control.children(':eq('+ prev +')').css({
|
|
198
|
+
left: width,
|
|
199
|
+
display: 'none',
|
|
200
|
+
zIndex: 0
|
|
201
|
+
});
|
|
202
|
+
// end of animation
|
|
203
|
+
option.animationComplete(next + 1);
|
|
204
|
+
active = false;
|
|
205
|
+
});
|
|
206
|
+
// if fixed height
|
|
207
|
+
} else {
|
|
208
|
+
// animate control
|
|
209
|
+
control.animate({
|
|
210
|
+
left: direction
|
|
211
|
+
},option.slideSpeed, option.slideEasing, function(){
|
|
212
|
+
// after animation reset control position
|
|
213
|
+
control.css({
|
|
214
|
+
left: -width
|
|
215
|
+
});
|
|
216
|
+
// reset and show next
|
|
217
|
+
control.children(':eq('+ next +')').css({
|
|
218
|
+
left: width,
|
|
219
|
+
zIndex: 5
|
|
220
|
+
});
|
|
221
|
+
// reset previous slide
|
|
222
|
+
control.children(':eq('+ prev +')').css({
|
|
223
|
+
left: width,
|
|
224
|
+
display: 'none',
|
|
225
|
+
zIndex: 0
|
|
226
|
+
});
|
|
227
|
+
// end of animation
|
|
228
|
+
option.animationComplete(next + 1);
|
|
229
|
+
active = false;
|
|
230
|
+
});
|
|
231
|
+
}
|
|
232
|
+
}
|
|
233
|
+
// set current state for pagination
|
|
234
|
+
if (option.pagination) {
|
|
235
|
+
// remove current class from all
|
|
236
|
+
$('.'+ option.paginationClass +' li.' + option.currentClass, elem).removeClass(option.currentClass);
|
|
237
|
+
// add current class to next
|
|
238
|
+
$('.' + option.paginationClass + ' li:eq('+ next +')', elem).addClass(option.currentClass);
|
|
239
|
+
}
|
|
240
|
+
}
|
|
241
|
+
} // end animate function
|
|
242
|
+
|
|
243
|
+
function stop() {
|
|
244
|
+
// clear interval from stored id
|
|
245
|
+
clearInterval(elem.data('interval'));
|
|
246
|
+
}
|
|
247
|
+
|
|
248
|
+
function pause() {
|
|
249
|
+
if (option.pause) {
|
|
250
|
+
// clear timeout and interval
|
|
251
|
+
clearTimeout(elem.data('pause'));
|
|
252
|
+
clearInterval(elem.data('interval'));
|
|
253
|
+
// pause slide show for option.pause amount
|
|
254
|
+
pauseTimeout = setTimeout(function() {
|
|
255
|
+
// clear pause timeout
|
|
256
|
+
clearTimeout(elem.data('pause'));
|
|
257
|
+
// start play interval after pause
|
|
258
|
+
playInterval = setInterval( function(){
|
|
259
|
+
animate("next", effect);
|
|
260
|
+
},option.play);
|
|
261
|
+
// store play interval
|
|
262
|
+
elem.data('interval',playInterval);
|
|
263
|
+
},option.pause);
|
|
264
|
+
// store pause interval
|
|
265
|
+
elem.data('pause',pauseTimeout);
|
|
266
|
+
} else {
|
|
267
|
+
// if no pause, just stop
|
|
268
|
+
stop();
|
|
269
|
+
}
|
|
270
|
+
}
|
|
271
|
+
|
|
272
|
+
// 2 or more slides required
|
|
273
|
+
if (total < 2) {
|
|
274
|
+
return;
|
|
275
|
+
}
|
|
276
|
+
|
|
277
|
+
// error corection for start slide
|
|
278
|
+
if (start < 0) {
|
|
279
|
+
start = 0;
|
|
280
|
+
}
|
|
281
|
+
|
|
282
|
+
if (start > total) {
|
|
283
|
+
start = total - 1;
|
|
284
|
+
}
|
|
285
|
+
|
|
286
|
+
// change current based on start option number
|
|
287
|
+
if (option.start) {
|
|
288
|
+
current = start;
|
|
289
|
+
}
|
|
290
|
+
|
|
291
|
+
// randomizes slide order
|
|
292
|
+
if (option.randomize) {
|
|
293
|
+
control.randomize();
|
|
294
|
+
}
|
|
295
|
+
|
|
296
|
+
// make sure overflow is hidden, width is set
|
|
297
|
+
$('.' + option.container, elem).css({
|
|
298
|
+
overflow: 'hidden',
|
|
299
|
+
// fix for ie
|
|
300
|
+
position: 'relative'
|
|
301
|
+
});
|
|
302
|
+
|
|
303
|
+
// set css for slides
|
|
304
|
+
control.children().css({
|
|
305
|
+
position: 'absolute',
|
|
306
|
+
top: 0,
|
|
307
|
+
left: control.children().outerWidth(),
|
|
308
|
+
zIndex: 0,
|
|
309
|
+
display: 'none'
|
|
310
|
+
});
|
|
311
|
+
|
|
312
|
+
// set css for control div
|
|
313
|
+
control.css({
|
|
314
|
+
position: 'relative',
|
|
315
|
+
// size of control 3 x slide width
|
|
316
|
+
width: (width * 3),
|
|
317
|
+
// set height to slide height
|
|
318
|
+
height: height,
|
|
319
|
+
// center control to slide
|
|
320
|
+
left: -width
|
|
321
|
+
});
|
|
322
|
+
|
|
323
|
+
// show slides
|
|
324
|
+
$('.' + option.container, elem).css({
|
|
325
|
+
display: 'block'
|
|
326
|
+
});
|
|
327
|
+
|
|
328
|
+
// if autoHeight true, get and set height of first slide
|
|
329
|
+
if (option.autoHeight) {
|
|
330
|
+
control.children().css({
|
|
331
|
+
height: 'auto'
|
|
332
|
+
});
|
|
333
|
+
control.animate({
|
|
334
|
+
height: control.children(':eq('+ start +')').outerHeight()
|
|
335
|
+
},option.autoHeightSpeed);
|
|
336
|
+
}
|
|
337
|
+
|
|
338
|
+
// checks if image is loaded
|
|
339
|
+
if (option.preload && control.find('img:eq(' + start + ')').length) {
|
|
340
|
+
// adds preload image
|
|
341
|
+
$('.' + option.container, elem).css({
|
|
342
|
+
background: 'url(' + option.preloadImage + ') no-repeat 50% 50%'
|
|
343
|
+
});
|
|
344
|
+
|
|
345
|
+
// gets image src, with cache buster
|
|
346
|
+
var img = control.find('img:eq(' + start + ')').attr('src') + '?' + (new Date()).getTime();
|
|
347
|
+
|
|
348
|
+
// check if the image has a parent
|
|
349
|
+
if ($('img', elem).parent().attr('class') != 'slides_control') {
|
|
350
|
+
// If image has parent, get tag name
|
|
351
|
+
imageParent = control.children(':eq(0)')[0].tagName.toLowerCase();
|
|
352
|
+
} else {
|
|
353
|
+
// Image doesn't have parent, use image tag name
|
|
354
|
+
imageParent = control.find('img:eq(' + start + ')');
|
|
355
|
+
}
|
|
356
|
+
|
|
357
|
+
// checks if image is loaded
|
|
358
|
+
control.find('img:eq(' + start + ')').attr('src', img).load(function() {
|
|
359
|
+
// once image is fully loaded, fade in
|
|
360
|
+
control.find(imageParent + ':eq(' + start + ')').fadeIn(option.fadeSpeed, option.fadeEasing, function(){
|
|
361
|
+
$(this).css({
|
|
362
|
+
zIndex: 5
|
|
363
|
+
});
|
|
364
|
+
// removes preload image
|
|
365
|
+
$('.' + option.container, elem).css({
|
|
366
|
+
background: ''
|
|
367
|
+
});
|
|
368
|
+
// let the script know everything is loaded
|
|
369
|
+
loaded = true;
|
|
370
|
+
// call the loaded funciton
|
|
371
|
+
option.slidesLoaded();
|
|
372
|
+
});
|
|
373
|
+
});
|
|
374
|
+
} else {
|
|
375
|
+
// if no preloader fade in start slide
|
|
376
|
+
control.children(':eq(' + start + ')').fadeIn(option.fadeSpeed, option.fadeEasing, function(){
|
|
377
|
+
// let the script know everything is loaded
|
|
378
|
+
loaded = true;
|
|
379
|
+
// call the loaded funciton
|
|
380
|
+
option.slidesLoaded();
|
|
381
|
+
});
|
|
382
|
+
}
|
|
383
|
+
|
|
384
|
+
// click slide for next
|
|
385
|
+
if (option.bigTarget) {
|
|
386
|
+
// set cursor to pointer
|
|
387
|
+
control.children().css({
|
|
388
|
+
cursor: 'pointer'
|
|
389
|
+
});
|
|
390
|
+
// click handler
|
|
391
|
+
control.children().click(function(){
|
|
392
|
+
// animate to next on slide click
|
|
393
|
+
animate('next', effect);
|
|
394
|
+
return false;
|
|
395
|
+
});
|
|
396
|
+
}
|
|
397
|
+
|
|
398
|
+
// pause on mouseover
|
|
399
|
+
if (option.hoverPause && option.play) {
|
|
400
|
+
control.bind('mouseover',function(){
|
|
401
|
+
// on mouse over stop
|
|
402
|
+
stop();
|
|
403
|
+
});
|
|
404
|
+
control.bind('mouseleave',function(){
|
|
405
|
+
// on mouse leave start pause timeout
|
|
406
|
+
pause();
|
|
407
|
+
});
|
|
408
|
+
}
|
|
409
|
+
|
|
410
|
+
// generate next/prev buttons
|
|
411
|
+
if (option.generateNextPrev) {
|
|
412
|
+
$('.' + option.container, elem).after('<a href="#" class="'+ option.prev +'">Prev</a>');
|
|
413
|
+
$('.' + option.prev, elem).after('<a href="#" class="'+ option.next +'">Next</a>');
|
|
414
|
+
}
|
|
415
|
+
|
|
416
|
+
// next button
|
|
417
|
+
$('.' + option.next ,elem).click(function(e){
|
|
418
|
+
e.preventDefault();
|
|
419
|
+
if (option.play) {
|
|
420
|
+
pause();
|
|
421
|
+
}
|
|
422
|
+
animate('next', effect);
|
|
423
|
+
});
|
|
424
|
+
|
|
425
|
+
// previous button
|
|
426
|
+
$('.' + option.prev, elem).click(function(e){
|
|
427
|
+
e.preventDefault();
|
|
428
|
+
if (option.play) {
|
|
429
|
+
pause();
|
|
430
|
+
}
|
|
431
|
+
animate('prev', effect);
|
|
432
|
+
});
|
|
433
|
+
|
|
434
|
+
// generate pagination
|
|
435
|
+
if (option.generatePagination) {
|
|
436
|
+
// create unordered list
|
|
437
|
+
if (option.prependPagination) {
|
|
438
|
+
elem.prepend('<ul class='+ option.paginationClass +'></ul>');
|
|
439
|
+
} else {
|
|
440
|
+
elem.append('<ul class='+ option.paginationClass +'></ul>');
|
|
441
|
+
}
|
|
442
|
+
// for each slide create a list item and link
|
|
443
|
+
control.children().each(function(){
|
|
444
|
+
$('.' + option.paginationClass, elem).append('<li><a href="#'+ number +'">'+ (number+1) +'</a></li>');
|
|
445
|
+
number++;
|
|
446
|
+
});
|
|
447
|
+
} else {
|
|
448
|
+
// if pagination exists, add href w/ value of item number to links
|
|
449
|
+
$('.' + option.paginationClass + ' li a', elem).each(function(){
|
|
450
|
+
$(this).attr('href', '#' + number);
|
|
451
|
+
number++;
|
|
452
|
+
});
|
|
453
|
+
}
|
|
454
|
+
|
|
455
|
+
// add current class to start slide pagination
|
|
456
|
+
$('.' + option.paginationClass + ' li:eq('+ start +')', elem).addClass(option.currentClass);
|
|
457
|
+
|
|
458
|
+
// click handling
|
|
459
|
+
$('.' + option.paginationClass + ' li a', elem ).click(function(){
|
|
460
|
+
// pause slideshow
|
|
461
|
+
if (option.play) {
|
|
462
|
+
pause();
|
|
463
|
+
}
|
|
464
|
+
// get clicked, pass to animate function
|
|
465
|
+
clicked = $(this).attr('href').match('[^#/]+$');
|
|
466
|
+
// if current slide equals clicked, don't do anything
|
|
467
|
+
if (current != clicked) {
|
|
468
|
+
animate('pagination', paginationEffect, clicked);
|
|
469
|
+
}
|
|
470
|
+
return false;
|
|
471
|
+
});
|
|
472
|
+
|
|
473
|
+
// click handling
|
|
474
|
+
$('a.link', elem).click(function(){
|
|
475
|
+
// pause slideshow
|
|
476
|
+
if (option.play) {
|
|
477
|
+
pause();
|
|
478
|
+
}
|
|
479
|
+
// get clicked, pass to animate function
|
|
480
|
+
clicked = $(this).attr('href').match('[^#/]+$') - 1;
|
|
481
|
+
// if current slide equals clicked, don't do anything
|
|
482
|
+
if (current != clicked) {
|
|
483
|
+
animate('pagination', paginationEffect, clicked);
|
|
484
|
+
}
|
|
485
|
+
return false;
|
|
486
|
+
});
|
|
487
|
+
|
|
488
|
+
if (option.play) {
|
|
489
|
+
// set interval
|
|
490
|
+
playInterval = setInterval(function() {
|
|
491
|
+
animate('next', effect);
|
|
492
|
+
}, option.play);
|
|
493
|
+
// store interval id
|
|
494
|
+
elem.data('interval',playInterval);
|
|
495
|
+
}
|
|
496
|
+
});
|
|
497
|
+
};
|
|
498
|
+
|
|
499
|
+
// default options
|
|
500
|
+
$.fn.slides.option = {
|
|
501
|
+
preload: false, // boolean, Set true to preload images in an image based slideshow
|
|
502
|
+
preloadImage: '/img/loading.gif', // string, Name and location of loading image for preloader. Default is "/img/loading.gif"
|
|
503
|
+
container: 'slides_container', // string, Class name for slides container. Default is "slides_container"
|
|
504
|
+
generateNextPrev: false, // boolean, Auto generate next/prev buttons
|
|
505
|
+
next: 'next', // string, Class name for next button
|
|
506
|
+
prev: 'prev', // string, Class name for previous button
|
|
507
|
+
pagination: true, // boolean, If you're not using pagination you can set to false, but don't have to
|
|
508
|
+
generatePagination: true, // boolean, Auto generate pagination
|
|
509
|
+
prependPagination: false, // boolean, prepend pagination
|
|
510
|
+
paginationClass: 'pagination', // string, Class name for pagination
|
|
511
|
+
currentClass: 'current', // string, Class name for current class
|
|
512
|
+
fadeSpeed: 350, // number, Set the speed of the fading animation in milliseconds
|
|
513
|
+
fadeEasing: '', // string, must load jQuery's easing plugin before http://gsgd.co.uk/sandbox/jquery/easing/
|
|
514
|
+
slideSpeed: 350, // number, Set the speed of the sliding animation in milliseconds
|
|
515
|
+
slideEasing: '', // string, must load jQuery's easing plugin before http://gsgd.co.uk/sandbox/jquery/easing/
|
|
516
|
+
start: 1, // number, Set the speed of the sliding animation in milliseconds
|
|
517
|
+
effect: 'slide', // string, '[next/prev], [pagination]', e.g. 'slide, fade' or simply 'fade' for both
|
|
518
|
+
crossfade: false, // boolean, Crossfade images in a image based slideshow
|
|
519
|
+
randomize: false, // boolean, Set to true to randomize slides
|
|
520
|
+
play: 0, // number, Autoplay slideshow, a positive number will set to true and be the time between slide animation in milliseconds
|
|
521
|
+
pause: 0, // number, Pause slideshow on click of next/prev or pagination. A positive number will set to true and be the time of pause in milliseconds
|
|
522
|
+
hoverPause: false, // boolean, Set to true and hovering over slideshow will pause it
|
|
523
|
+
autoHeight: false, // boolean, Set to true to auto adjust height
|
|
524
|
+
autoHeightSpeed: 350, // number, Set auto height animation time in milliseconds
|
|
525
|
+
bigTarget: false, // boolean, Set to true and the whole slide will link to next slide on click
|
|
526
|
+
animationStart: function(){}, // Function called at the start of animation
|
|
527
|
+
animationComplete: function(){}, // Function called at the completion of animation
|
|
528
|
+
slidesLoaded: function() {} // Function is called when slides is fully loaded
|
|
529
|
+
};
|
|
530
|
+
|
|
531
|
+
// Randomize slide order on load
|
|
532
|
+
$.fn.randomize = function(callback) {
|
|
533
|
+
function randomizeOrder() { return(Math.round(Math.random())-0.5); }
|
|
534
|
+
return($(this).each(function() {
|
|
535
|
+
var $this = $(this);
|
|
536
|
+
var $children = $this.children();
|
|
537
|
+
var childCount = $children.length;
|
|
538
|
+
if (childCount > 1) {
|
|
539
|
+
$children.hide();
|
|
540
|
+
var indices = [];
|
|
541
|
+
for (i=0;i<childCount;i++) { indices[indices.length] = i; }
|
|
542
|
+
indices = indices.sort(randomizeOrder);
|
|
543
|
+
$.each(indices,function(j,k) {
|
|
544
|
+
var $child = $children.eq(k);
|
|
545
|
+
var $clone = $child.clone(true);
|
|
546
|
+
$clone.show().appendTo($this);
|
|
547
|
+
if (callback !== undefined) {
|
|
548
|
+
callback($child, $clone);
|
|
549
|
+
}
|
|
550
|
+
$child.remove();
|
|
551
|
+
});
|
|
552
|
+
}
|
|
553
|
+
}));
|
|
554
|
+
};
|
|
555
|
+
})(jQuery);
|