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

Peter comentado Mayo 17, 2016

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 Puntos7070

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 ingresa o regístrate para responder a esta pregunta.

¿Conoces alguien que puede responder?
¡Comparte esta pregunta!


Actividad Reciente

  • leog.1992 ganó una medalla hace 19 horas

    Renovador - Received Buena Respuesta badge in resp…
  • leog.1992 ganó una medalla hace 19 horas

    Medallista - Received total of 10 badges
  • leog.1992 ganó una medalla hace 19 horas

    Buena Respuesta - Recibido +1 votos en respuesta
  • sagrario ganó una medalla hace 19 horas

    Buena Pregunta - Recibido +1 votos en pregunta
  • leog.1992 respondió hace 1 día

    ticket en java con mysql
  • leog.1992 ganó una medalla hace 1 día

    Antepasado - Primera visita hace más de 365 días
  • leog.1992 ganó una medalla hace 1 día

    Veterano - Primera visita hace más de 180 días
  • Leonardo-Tadei ganó una medalla hace 1 día

    Buena Respuesta - Recibido +1 votos en respuesta
  • nico140 ganó una medalla hace 3 días

    Buena Pregunta - Recibido +1 votos en pregunta

¿Eres Usuario Apple?

...

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

Conecta