Foros del Web » Programando para Internet » Javascript »

mostrar imagen en fade automaticamente al cargar pagina

Estas en el tema de mostrar imagen en fade automaticamente al cargar pagina en el foro de Javascript en Foros del Web. Hola a todos, estoy usando este codigo: Código HTML: function slideSwitch() { var $active = $('#slideshow IMG.active'); if ( $active.length == 0 ) $active = ...
  #1 (permalink)  
Antiguo 09/09/2010, 12:43
 
Fecha de Ingreso: febrero-2009
Mensajes: 202
Antigüedad: 15 años, 2 meses
Puntos: 3
mostrar imagen en fade automaticamente al cargar pagina

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!!

Etiquetas: automaticamente, fade
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 13:01.