Hallo zusammen,
Bei meinem Template ist in der Header.php eine Slideshow definiert, die wunderbar mit Fade-in und Fade-out funktioniert. Allerdings möchte ich jetzt den Effekt ändern mit: effect: 'sliceDown',
Egal welchen Effekt ich festlege, es passiert einfach nichts. Hat jemand vielleicht eine Idee?
Gruss, Martin 111
<link rel="stylesheet" href="<?php bloginfo('stylesheet_directory'); ?>/themes/default/default.css" type="text/css" media="screen" />
<link rel="stylesheet" href="<?php bloginfo('stylesheet_directory'); ?>/css/nivo-slider.css" type="text/css" media="screen" />
<script type="text/javascript" src="<?php bloginfo('stylesheet_directory'); ?>/js/jquery-1.6.1.min.js"></script>
<script type="text/javascript" src="<?php bloginfo('stylesheet_directory'); ?>/js/jquery.nivo.slider.js"></script>
</head>
<body>
<?php $shortname = "vertical"; ?>
<script type="text/javascript">
$(window).load(function() {
$('#slider').nivoSlider({
effect: 'sliceDown', // Specify sets like: 'fold,fade,sliceDown'
pauseTime: <?php if(get_option($shortname.'_slideshow_timeout','5000') == '') { echo '5000'; } else { echo stripslashes(stripslashes(get_option($shortname.'_slideshow_timeout','5000'))); } ?>,
controlNav: false
});
});
var intervalID;
function slideSwitch() {
var $active = $('#slideshow a.active');
if ( $active.length == 0 ) $active = $('#slideshow a:last');
var $next = $active.next().length ? $active.next()
: $('#slideshow a:first');
$active.addClass('last-active');
$next.css({opacity: 0.0})
.addClass('active')
.animate({opacity: 1.0}, 4000, function() {
$active.removeClass('active last-active');
});
clearInterval(intervalID);
intervalID = setInterval( "slideSwitch()", 5000 );
}
function slideSwitch_prev() {
var $active = $('#slideshow a.active');
if ( $active.length == 0 ) $active = $('#slideshow a:first');
var $next = $active.prev().length ? $active.prev() : $('#slideshow a:last');
$active.addClass('last-active');
$next.css({opacity: 0.0})
.addClass('active')
.animate({opacity: 1.0}, 1000, function() {
$active.removeClass('active last-active');
});
clearInterval(intervalID);
intervalID = setInterval( "slideSwitch()", 5000 );
}
$(function() {
intervalID = setInterval( "slideSwitch()", 5000 );
});
</script>