Browse Source

add back isOriginLeft & isOriginTop for MasonryMode stamp

stamp example
pull/726/head
David DeSandro 11 years ago
parent
commit
32070755fd
  1. 49
      examples/stamps.html
  2. 8
      js/layout-modes/masonry.js

49
examples/stamps.html

@ -83,41 +83,48 @@
<div class="item"></div>
</div>
<script src="../components/classie/classie.js"></script>
<script src="../components/eventEmitter/EventEmitter.js"></script>
<script src="../components/eventEmitter/EventEmitter.min.js"></script>
<script src="../components/eventie/eventie.js"></script>
<script src="../components/doc-ready/doc-ready.js"></script>
<script src="../components/get-style-property/get-style-property.js"></script>
<script src="../components/get-size/get-size.js"></script>
<script src="../components/jquery-bridget/jquery.bridget.js"></script>
<script src="../components/matches-selector/matches-selector.js"></script>
<script src="../components/outlayer/item.js"></script>
<script src="../components/outlayer/outlayer.js"></script>
<script src="../masonry.js"></script>
<script src="../bower_components/eventEmitter/EventEmitter.js"></script>
<script src="../bower_components/eventie/eventie.js"></script>
<script src="../bower_components/doc-ready/doc-ready.js"></script>
<script src="../bower_components/get-style-property/get-style-property.js"></script>
<script src="../bower_components/get-size/get-size.js"></script>
<script src="../bower_components/matches-selector/matches-selector.js"></script>
<script src="../bower_components/outlayer/item.js"></script>
<script src="../bower_components/outlayer/outlayer.js"></script>
<script src="../bower_components/masonry/masonry.js"></script>
<script src="../js/item.js"></script>
<script src="../js/layout-mode.js"></script>
<script src="../js/isotope.js"></script>
<script src="../js/layout-modes/masonry.js"></script>
<script>
docReady( function() {
( function() {
var container = document.querySelector('#alpha');
var msnry = new Masonry( container, {
var iso = new Isotope( container, {
itemSelector: '.item',
columnWidth: 60,
gutter: 10,
stamp: '.stamp'
stamp: '.stamp',
masonry: {
columnWidth: 60,
gutter: 10
}
});
})();
( function() {
var container = document.querySelector('#beta');
var msnry = new Masonry( container, {
columnWidth: 60,
gutter: 10,
stamp: '.stamp'
var iso = new Isotope( container, {
stamp: '.stamp',
masonry: {
columnWidth: 60,
gutter: 10
}
});
})();
});
</script>

8
js/layout-modes/masonry.js

@ -45,6 +45,14 @@ function masonryDefinition( LayoutMode, Masonry ) {
measureColumns.call( this );
};
// HACK copy over isOriginLeft/Top options
var _manageStamp = MasonryMode.prototype._manageStamp;
MasonryMode.prototype._manageStamp = function() {
this.options.isOriginLeft = this.isotope.options.isOriginLeft;
this.options.isOriginTop = this.isotope.options.isOriginTop;
_manageStamp.apply( this, arguments );
};
return MasonryMode;
}

Loading…
Cancel
Save