Letzter Blogeintrag

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim.
Mehr ...

Schrift

Mehr ...

Größentest

Print

Mehr ...

Auftritt

Mehr ...

Events

  • onGapFound

    Registry callback when a gap found.
  • onComplete

    Registry callback when all block arrange.
  • onResize

    Registry callback when browser resize.
  • Example

    									
    var wall = new Freewall('.free-wall');
    wall.reset({
      selector: '.brick',
      onResize: function() {
        this.fitWidth();
      }
    });
    									
    								
  • onBlockReady

    Fire when block adjusted.
  • onBlockActive

    Fire before block show or hide in the layout.
  • onBlockFinish

    Fire when block finish show or hide in the layout.
  • onBlockResize

    Fire when block changes the size to fills a gap.

Print

Mehr ...

Methods

  • addCustomEvent(name, handler)

    Support create custom event when arrange layout
  • appendBlock(items)

    Append one or more items into layout
  • appendHoles(holes)

    Add one or more blank area into layout
  • fillHoles()

    Let layout without gaps
  • filter(selector)

    Fillter blocks to show
  • fireEvent()

    Fire custom event
  • fitHeight(height)

    Made the layout fit with limit height
  • fitWidth(width)

    Made the layout fit with limit width
  • fitZone(width, height)

    Made the layout fit with limit width and height
  • fixPos(object)

    Set a block at fixed position, top/left is multiple of cell with/height
  • fixSize(object)

    Set a block with special width or height
    Example
    									
    var wall = new Freewall('.free-wall');
    var dna = $(".free-wall .flex-layout");
    wall.unsetFilter();
    wall.fixSize({
      block: dna,
      width: 150,
      height: 150
    });
    wall.fitWidth();
    									
    								
  • prepend(items)

    Prepend one or more items into layout
  • refresh()

    rearrange layout
  • reset(options)

    Config options for render layout.
    Example
    									
    var ewall = new Freewall(demo);
    var demo = $(".example");
    ewall.reset({
      selector: '.cell',
      animate: true,
      delay: 20,
      cellW: 15.5,
      cellH: 15,
      gutterX: 2,
      gutterY: 2
    });
    ewall.fitWidth(cwidth);
    									
    								
  • setHoles(hole)

    Set the holes on layout
  • unFilter()

    Made all block to show

WP10

Mehr ...

Schieb! mich! rum!

size21d

View detail ...