Hola a todos, estoy usando este codigo:
Código HTML:
function slideSwitch() {
var $active = $('#slideshow IMG.active');
if ( $active.length == 0 ) $active = $('#slideshow IMG:last');
var $next = $active.next().length ? $active.next()
: $('#slideshow IMG:first');
$active.addClass('last-active');
$next.css({opacity: 0.0})
.addClass('active')
.animate({opacity: 1.0}, 1000, function() {
$active.removeClass('active last-active');
});
}
$(function() {
setInterval( "slideSwitch()", 5000 );
});
Código HTML:
<div id="slideshow">
<img src="img/img.jpg" />
</div>
El problema es que yo quiero que la imagen cargue automaticamente al abrir la pagina y que una vez que la imagen esté visible el efecto se detenga, es decir que no vuelva a hacer el fade. O sea la idea es que la imagen haga fade al cargar la página. Probe variando el valor 5000 pero solo afecta a la velocidad de transición una vez que ya cargo la 1º imagen, pero el tiempo de demora inicial sigue siendo el mismo. ¿Podría editarse ese script? ¿Tienen alguna otra opción?
Muchas gracias!!