entre Desarrolladores

Recibe ayuda de expertos

Registrate y pregunta

Es gratis y fácil

Recibe respuestas

Respuestas, votos y comentarios

Vota y selecciona respuestas

Recibe puntos, vota y da la solución

Pregunta

0voto

realizar una animación , problemas con el código

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

0voto

Peter comentado

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.

1 Respuesta

0voto

ankeorum Puntos7210

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!

Por favor, accede o regístrate para responder a esta pregunta.

Otras Preguntas y Respuestas


...

Bienvenido a entre Desarrolladores, donde puedes realizar preguntas y recibir respuestas de otros miembros de la comunidad.

Conecta