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