| 1 |
$(document).ready(function() {
|
| 2 |
if (Drupal.settings.mediaslideshow) {
|
| 3 |
Drupal.mediaslideshowAttach();
|
| 4 |
}
|
| 5 |
});
|
| 6 |
|
| 7 |
Drupal.mediaslideshowAttach = function() {
|
| 8 |
for (var node in Drupal.settings.mediaslideshow) {
|
| 9 |
var mediaslideshow = Drupal.settings.mediaslideshow[node], container = $('.mediaslideshow-' + node);
|
| 10 |
|
| 11 |
function preloadImages(i) {
|
| 12 |
var n = mediaslideshow.images[++i];
|
| 13 |
if (mediaslideshow.current != i) {
|
| 14 |
if (n) {
|
| 15 |
n.image = $('<img />').src(n.src).load(function() { preloadImages(i); });
|
| 16 |
} else preloadImages(0);
|
| 17 |
}
|
| 18 |
}
|
| 19 |
|
| 20 |
function updatemediaslideshow(previous) {
|
| 21 |
if (mediaslideshow.current != previous) {
|
| 22 |
$('#thumb-' + previous).removeClass('active');
|
| 23 |
$('#thumb-' + mediaslideshow.current).addClass('active');
|
| 24 |
}
|
| 25 |
|
| 26 |
var current = mediaslideshow.images[mediaslideshow.current];
|
| 27 |
current.title = current.title || '';
|
| 28 |
current.description = current.description || '';
|
| 29 |
current.href = current.href || '#';
|
| 30 |
|
| 31 |
container.
|
| 32 |
find('.mediapolaroid').src(current.src).css({ opacity: 0.8 }).animate({ opacity: 1, width: current.width, height: current.height }).end().
|
| 33 |
find('.title').html(current.title).end().find('.description').html(current.description).end().
|
| 34 |
find('.link').href(current.href).end().find('.current').html(mediaslideshow.current).end();
|
| 35 |
return false;
|
| 36 |
}
|
| 37 |
|
| 38 |
container.find('.previous').click(function() {
|
| 39 |
var current = mediaslideshow.current;
|
| 40 |
if(!(mediaslideshow.images[--mediaslideshow.current])) mediaslideshow.current = mediaslideshow.total;
|
| 41 |
return updatemediaslideshow(current);
|
| 42 |
}).end().
|
| 43 |
|
| 44 |
find('.next').click(function() {
|
| 45 |
var current = mediaslideshow.current;
|
| 46 |
if(!(mediaslideshow.images[++mediaslideshow.current])) mediaslideshow.current = 1;
|
| 47 |
return updatemediaslideshow(current);
|
| 48 |
}).end();
|
| 49 |
|
| 50 |
$('.mediaslideshow-thumb').each(function () {
|
| 51 |
$(this).click(function() {
|
| 52 |
var previous = mediaslideshow.current;
|
| 53 |
mediaslideshow.current = this.id.substr(6, this.id.length-6);
|
| 54 |
return updatemediaslideshow(previous);
|
| 55 |
});
|
| 56 |
});
|
| 57 |
|
| 58 |
preloadImages(mediaslideshow.current);
|
| 59 |
$('#thumb-' + mediaslideshow.current).addClass('active');
|
| 60 |
}
|
| 61 |
}
|