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:
¡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!
:)