Угловой штамп jQuery Mason

jQuery Masonry великолепен, однако кто-нибудь смог заставить угловой штамп появиться в верхней левой части страницы? Я попытался изменить на float: left;, но это не сработало.

Кроме того, когда я изменяю размер окна, изменение размера не настраивается автоматически для углового штампа.

Вот CSS

.corner-stamp {
width: 270px;
height: 300px;
padding: 10px;
float: right;
background: red;
color: white;
-moz-border-radius: 15px 0px 15px 0px;
-webkit-border-radius: 15px 0px 15px 0px;
border-radius: 15px 0px 15px 0px;
}

а вот JS:

$.Mason.prototype.resize = function() {
  this._getColumns();
  this._reLayout();
};
$.Mason.prototype._reLayout = function(callback) {
  var $cornerStamp, cornerStampX, freeCols, i;
  freeCols = this.cols;
  if (this.options.cornerStampSelector) {
    $cornerStamp = this.element.find(this.options.cornerStampSelector);
    cornerStampX = $cornerStamp.offset().left - (this.element.offset().left + this.offset.x + parseInt($cornerStamp.css("marginLeft")));
    freeCols = Math.floor(cornerStampX / this.columnWidth);
  }
  i = this.cols;
  this.colYs = [];
  while (i--) {
    this.colYs.push(this.offset.y);
  }
  i = freeCols;
  while (i < this.cols) {
    this.colYs[i] = this.offset.y + $cornerStamp.outerHeight(true);
    i++;
  }
  this.layout(this.$bricks, callback);
};
$container = $("#streams");
$container.imagesLoaded(function() {
  $container.masonry({
    itemSelector: ".stream-item",
    columnWidth: 60,
    isAnimated: false,
    isFitWidth: true,
    cornerStampSelector: '.corner-stamp'
  });
});

person Dean    schedule 04.08.2012    source источник


Ответы (2)


Вероятно, вы можете найти нужный код прямо здесь, на github.

person Systembolaget    schedule 06.08.2012

Что касается оставшегося плавающего числа, лучше всего убедиться, что плитка с отметкой «солонина» является первой плиткой в ​​вашем списке.

Кроме того, я играл с угловой штамповкой и заметил, что настройка isFitWidth: true мешает угловой штамповке.

Если вы нашли лучший способ штамповки левого угла, сообщите мне об этом. И если вы нашли способ отпечатать правый угол, но центрировать плитки на странице, пожалуйста, дайте мне знать.

Спасибо.

person arveeno    schedule 14.09.2012