Como cargar divs con jquery
3 seguidores
Buenos días!!!
Os comento, estoy enfrascado en un proyecto y me gustaría hacer un efecto que he visto en algunas web´s html5.
Al entrar los diferentes módulos (div´s) se van cargando a diferentes velocidades y como con una especie de fader suave.
El efecto es muy chulo y me gustaría aplicarlo a mi proyecto, no sé si se hace con jQuery o es una función simple, no soy programador y no estoy muy al tanto.
un ejemplo: http://kantt.dk/work
Si alguien sabe algo se lo agradecería!!
Muchas gracias :)
Adri.
codigonexo
Hola Owi,
Si esto lo puedes hacer con jquery, tiene funciones como slideDown() o show() - hide() que son básicas pero se pueden configurar para que salgan cositas muy chulas :D
Cloudstudio
Con css http://tympanus.net/codrops/2011/11/02/original-hover-effects-with-css3/
Impresionante
Usuario desconocido
Hola! :)
Sí, se puede hacer con jQuery. Puedes echar un vistazo a la documentación de la función .animate() de jQuery. En concreto, lo que marca la diferencia entre un tipo de animación y otra es el easing. Es un parámetro de la función animate() que define de qué manera se realiza la animación. Por defecto, jQuery trae dos modos:
Linear - Es una animación lineal: Velocidad constante.
Swing - Es el tipo de animación por defecto, que se desacelera levemente antes de finalizar.
¡Pero existen muchos más! Si utilizas jqueryui (los plugins oficiales de jquery para interfaces gráficas), tendrás un montón de efectos más. Aquí tienes una lista:
En concreto, un efecto que hace que la animación sea súper suave es easeInOutQuart.
Por supuesto, también puedes hacerlo con CSS3 (¡también tiene easing!), pero el problema es que funcionará en menos navegadores: habrá que esperar a Internet Explorer 10.
Un saludo :)
Owi
muchísimas gracias a todos! :)
Owi
por cierto @chusete, genial esa información, voy a trastear un poco! y gracias a todos again!
:)