cavis / gridheist Goto Github PK

 GridHeist.prototype.getDimensions = function($img, callback) {
    var h, tmp, w;
    if ((w = $img.data('width')) && (h = $img.data('height'))) {
      return callback(w, h);
    } else {
      tmp = new Image();
      return $(tmp).load(function() {
        $img.data('width', tmp.width);
        $img.data('height', tmp.height);
        return callback(tmp.width, tmp.height);
      }).error(function() {
        <------ Throws this error every time ----->
        console.error('An error occurred and your image could not be loaded.  Please try again.');
        return callback(100, 100);
      }).attr({
        src: $img.attr('src')
      });
    }
  };

<div class="image_grid" ng-show="gallery.images">
        <a href ng-repeat="image in gallery.images">
            <img src="/{{ image.location_of_original_file + '600x400/' + image.filename }}" >
        </a>
    </div>

$(document).ready(function() {

    // gridheist the images
    var options = {
        thumbBorder:      10,
        thumbMinHeight:   10,
        thumbMinWidth:    100,
        thumbMaxHeight:   400,
        expander:         false
    };

    $('.image_grid').gridHeist(options);

<div class="image_grid" ng-show="gallery.images">
        <a href ng-repeat="image in gallery.images">
            <img src="/{{ image.location_of_original_file + '600x400/' + image.filename }}" data-height="300" data-width="400">
        </a>
    </div>

var options = {
            thumbBorder:      10,
            thumbMinHeight:   10,
            thumbMinWidth:    100,
            thumbMaxHeight:   {{ Settings::getSetting('thumbnail_height') }},
            expander:         false
        };

        $('.gallery').gridHeist(options);
            $(".lazy").lazyload({
            event: "scrollstop",
            threshold: '200',
            load : function()
            {
              $('.gallery').gridHeist('update'); 
             }
       });

<li>
<a href="http://app.nationalmachine.co/users/1/galleries/2/2/ElizabethAndJarett0045.JPG" data-uid="70">
<img class="lazy" data-original="http://app.nationalmachine.co/users/1/galleries/2/2/thumbs/ElizabethAndJarett0045.JPG" src="http://app.nationalmachine.co/images/placeholder.jpg" width="450" height="300">
</a>
</li>