Foros Programación Cliente

Como cargar divs con jquery

5 5 Respuestas Jueves 20 de octubre, 2011
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.
Sixseven
The art of visual.
Registrado desde 19/09/09
Número de posts: 55
  • Avatar de makinete makinete Registrado desde 16/01/08 / Número de posts: 95
    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
    http:www.codigonexo.com
    http:www.codigonexo.com/blog
    @codigonexo
    Publicado hace 7 meses
  • Avatar de Cloudstudio Cloudstudio Registrado desde 05/05/09 / Número de posts: 537
    Con css http://tympanus.net/codrops/2011/11/02/original-hover-effects-with-css3/

    Impresionante
    cloudstudio.es@gmail.com

    www.cloudstudio.es
    psd a html
    Publicado hace 7 meses
  • Avatar de chusete chusete Registrado desde 06/11/11 / Número de posts: 14
    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 :)
    /*****************************************************************/
    Programador freelance de aplicaciones web. Experto en PHP, jQuery, HTML5, CSS3, Wordpress, etc. Echa un vistazo a mi perfil y a mi portfolio para conocer más.
    Publicado hace 7 meses
  • Avatar de Owi Owi Registrado desde 19/09/09 / Número de posts: 55
    muchísimas gracias a todos! :)
    Sixseven
    The art of visual.
    Publicado hace 7 meses
  • Avatar de Owi Owi Registrado desde 19/09/09 / Número de posts: 55
    por cierto @chusete, genial esa información, voy a trastear un poco! y gracias a todos again!

    :)
    Sixseven
    The art of visual.
    Publicado hace 7 meses