Question

Gracias por vuestras respuestas, ahora planteo mi problema de otra manera.

 <script src="js/jquery-1.9.1.min.js"></script>
<script src="js/jquery-ui-1.10.4.min.js"></script>
<script src="js/jquery.easing.1.3.js"></script>
<script src="js/jquery.scrollorama.js"></script>       
<script src="js/velocity.js"></script>        
    <script src="js/rain.min.js"></script>

    <script>

 $(document).ready(function() {

  $('#rn-navbar').rain({
       navAnimation : 'expand',
     slideOpen: false  
    }); 

 var scrollorama = $.scrollorama({
    blocks:'.scrollblock'
 }); 

 scrollorama
.animate('#antonio',{duration:70, property:'rotate', start: 0 , end: 360})
.animate('#ant',{ delay:10, duration: 30, property:'left', start:1260, end:0 })
.animate('#renteria',{ delay:20, duration: 35, property:'left', start:-1400, end:0 })
.animate('#abogados',{ delay:30, duration: 20, property:'left', start:-1400, end:0 })
.animate('#preepel',{ delay: 200, duration: 300, property:'opacity', start:0 })
.animate('#preepelnombre',{ delay:0, duration: 400, property:'left', start:1360, end:0 })
.animate('#realbench',{ delay: 300, duration: 300, property:'opacity', start:0 })
.animate('#real',{ delay: 300, duration: 300, property:'opacity', start:0 })    
.animate('#bench',{ delay: 300, duration: 300, property:'opacity', start:0 });
 }); 

</script>

Este es mi código, mi diseño está compuesto por cuatro bloques que al hacer scroll ciertos elementos de eso bloques son animados con el plugin scrollorama, pero como las animaciones funcionan solo al hacer scroll, el primer bloque no ejecuta la animación, por lo que he intentado hacerlo de esta manera: Justo de $(document).ready(function() { Intentar esta animación con este código

**$("#elemento").show(1000);**

pero lo que sucede es que dejan de funcionar todas las animaciones ,todos los elementos se quedan estaticos, por lo que pensé que igual de la otra manera planteada anteriormente aquí abajo pudiese lograr que todo marche.
estoy abierta a toda sugerencia.
Gracias

Hola soy nueva aquí y agradecería vuestra ayuda.
en mi Html principal tengo un botón que al darle click me redirige a una segunda pagina, me gustaría que al hacer click en ese botón también se ejecute una animación en 3 Div de esa segunda pagina.
si eso es posible, como podría hacerlo?
Muchas gracias

Comments

Por favor edita tu pregunta e incluye tu HTML para ver la estructura que tienes y define que es una animación en 3 divs para ti. ¿Una animación de que?

¿Lo quieres hacer con JavaScript, con CSS o con que?

Saludos.

Answer 1

Y si pones el código javascript "onload"? Quiero decir, haces que al cargar la página ejecute el código javascript que controle la animación que quieras hacer. No se si eso cumpliría con tus necesidades o no.

SaludoS!