Takazudo hamalog

programming notes. mainly about JavaScript / jQuery. [@Takazudo] [takazudo@gmail.com] Hint: alt + /

cool guy

jQuery.ui.autoWidthFit - a element width adjuster

2011/08/13 permalink

jQuery.ui.autoWidthFit is a element width adjuster for masonry layout.
This changes the element’s width according to the window size.
It’s hard to explain with words. So, open the demo below and, try resizing the window.

isotope is a cool library which implements “masonry layout”.

Usage:

$('#test').autoWidthFit({
    widthchange: function(){
        log('widthchange event fired.');
    },
    firstwidthchange: function(){
        log('firstwidthchange event fired.');
    }
});

Codes are open on my gitHub.

NOTE: You need license fee to use isotope for commercial use.

blog comments powered by Disqus

  1. layzie313hamalogからリブログしました
  2. hamalogの投稿です