// Geschwindigkeit des Überblendens
var speedFading = 1500;
// Zeitdauer, wie lange ein Bild angezeigt wird
var speedInterval = 4000;
function rotator() {
$('div#panorama ul li').css({'opacity' : '0.0'});
$('div#panorama ul li:first').css({'opacity' : '1.0'});
var rotation = setInterval('rotation()',speedInterval);
}
function rotation() {
var currentimage = ($('div#panorama ul li.active') ? $('div#panorama ul li.active') : $('div#panorama ul li:first'));
var nextimage = ((currentimage.next().length) ? ((currentimage.next().hasClass('active')) ? $('div#panorama ul li:first') : currentimage.next()) : $('div#panorama ul li:first'));
nextimage.css({'opacity' : '0.0'}).addClass('active').animate({'opacity' : '1.0'}, speedFading);
currentimage.animate({'opacity' : '0.0'}, speedFading).removeClass('active');
}
jQuery(document).ready(function() {
// Weitere Bilder außer dem ersten werden nur angezeigt, wenn JavaScript aktiviert ist
$('
').appendTo('div#panorama ul');
$('
').appendTo('div#panorama ul');
$('
').appendTo('div#panorama ul');
$('
').appendTo('div#panorama ul');
$('
').appendTo('div#panorama ul');
$('
').appendTo('div#panorama ul');
//$('
').appendTo('div#panorama ul');
$('
').appendTo('div#panorama ul');
$('div#panorama ul li:first').addClass('active');
rotator();
});