Skip to content

Instantly share code, notes, and snippets.

@alexbaumgertner

alexbaumgertner/who first.js

Last active October 13, 2015 10:02
Show Gist options

  • Select an option

    Learn more about clone URLs
  • Save alexbaumgertner/d459108cbaa0c4187ca0 to your computer and use it in GitHub Desktop.

Select an option

Learn more about clone URLs
Save alexbaumgertner/d459108cbaa0c4187ca0 to your computer and use it in GitHub Desktop.
Download ZIP

Revisions

  1. alexbaumgertner revised this gist Oct 13, 2015. 1 changed file with 19 additions and 21 deletions.
    40 changes: 19 additions & 21 deletions who first.js
    View file
    Original file line number Diff line number Diff line change
    @@ -1,8 +1,6 @@
    <script>

    $(document).ready( function() {

    var $grid = $('.row').masonry({
    <script>
    $(document).ready( function() {
    var $grid = $('.row').masonry({
    // main isotope options
    itemSelector: '.row__item',
    columnWidth: '.row__sizer',
    @@ -11,20 +9,20 @@

    });

    $grid.imagesLoaded().progress( function() {

    $grid.masonry();

    $grid.imagesLoaded().progress( function() {
    $grid.masonry();
    $(document).trigger('grid:masonry');
    });
    });
    </script>

    <script>
    $(document).on('grid:masonry', function() {
    new AnimOnScroll( document.getElementById( 'row' ),
    {
    minDuration : 0.4,
    maxDuration : 0.7,
    viewportFactor : 0.2
    });

    });

    </script>

    <script>
    new AnimOnScroll( document.getElementById( 'row' ), {
    minDuration : 0.4,
    maxDuration : 0.7,
    viewportFactor : 0.2
    } );
    </script>
    });
    </script>
  2. alexbaumgertner renamed this gist Oct 13, 2015. 1 changed file with 0 additions and 0 deletions.
    0 who first? → who first.js
    View file
    File renamed without changes.
  3. @dmitrylebedev dmitrylebedev created this gist Oct 13, 2015.
    30 changes: 30 additions & 0 deletions who first?
    View file
    Original file line number Diff line number Diff line change
    @@ -0,0 +1,30 @@
    <script>

    $(document).ready( function() {

    var $grid = $('.row').masonry({
    // main isotope options
    itemSelector: '.row__item',
    columnWidth: '.row__sizer',
    gutter: '.gutter-sizer',
    percentPosition: true,

    });

    $grid.imagesLoaded().progress( function() {

    $grid.masonry();

    });

    });

    </script>

    <script>
    new AnimOnScroll( document.getElementById( 'row' ), {
    minDuration : 0.4,
    maxDuration : 0.7,
    viewportFactor : 0.2
    } );
    </script>