SitePoint Sponsor

User Tag List

Results 1 to 3 of 3
  1. #1
    SitePoint Evangelist
    Join Date
    May 2006
    Posts
    423
    Mentioned
    2 Post(s)
    Tagged
    0 Thread(s)

    JQuery: animate floated inline elements

    Hi,

    Does anyone know of a script that animates floated inline elements like http://etchapps.com (change the browser width and you'll see what I mean). I've gone through their code but can't work out what they're using to do this. I wouldn't be able to do this myself from scratch so would need a third party script, free or commercial is fine.

    Any pointers would be greatly appreciated.

  2. #2
    It's all Geek to me silver trophybronze trophy
    ralph.m's Avatar
    Join Date
    Mar 2009
    Location
    Melbourne, AU
    Posts
    23,594
    Mentioned
    411 Post(s)
    Tagged
    6 Thread(s)
    Here are two scripts that do that sort of thing:

    http://masonry.desandro.com/
    http://www.wookmark.com/jquery-plugin

    Not sure how they go with different width items, but worth a try.

    I think this is the relevant JS file on that site: http://etchapps.com/js/script.js. (It's worth seeing what their site looks like with JS off before you get too excited, though.)

  3. #3
    SitePoint Evangelist
    Join Date
    May 2006
    Posts
    423
    Mentioned
    2 Post(s)
    Tagged
    0 Thread(s)
    Quote Originally Posted by ralph.m View Post
    Here are two scripts that do that sort of thing:

    http://masonry.desandro.com/
    http://www.wookmark.com/jquery-plugin

    Not sure how they go with different width items, but worth a try.

    I think this is the relevant JS file on that site: http://etchapps.com/js/script.js. (It's worth seeing what their site looks like with JS off before you get too excited, though.)
    That first script is perfect, thank you!

    And yes, their site does not degrade at all!


Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •