Ver Mensaje Individual
  #1 (permalink)  
Antiguo 12/11/2013, 16:16
pakillo
 
Fecha de Ingreso: mayo-2004
Mensajes: 400
Antigüedad: 20 años
Puntos: 0
problema con script que muestra imagenes

Hola tengo un pequeño codigo que muestra 4 imagenes que estan ocualtas cuando se carga la pagina y cuando se mueve el scroll aparecen, el problema es que quiero que haga el efecto de aparecer desde el icio cuando se carga la pagina y no cuando se mueve el scroll, como tendria que hacerlo?

Código HTML:
 var scrollFunction = function () {

    $('.home #about, .inner #about').each(function(){
    var imagePos = $(this).offset().top;

    var topOfWindow = $(window).scrollTop();
      if (imagePos < topOfWindow+400) {
        $('.focus-area.first').addClass("slideUp");

        setTimeout(function(){
            $('.focus-area.second').addClass('slideUp');
        }, 500);

        setTimeout(function(){
            $('.focus-area.third').addClass('slideUp');
        }, 1000);

        setTimeout(function(){
            $('.focus-area.fourth').addClass('slideUp');
        }, 1500);

        setTimeout(function(){
            $('.focus-area.fifth').addClass('slideUp');
        }, 2000);
      }
    });
Saludos