Как сделать 2 вида поста в masonry скрипте?

Извините не смог правильно сформулировать вопрос, но постараюсь объяснить.
Есть скрипт :
$(function(){
  masonry('.wrapper', '.item', 3);
})

function masonry(masonryContainer, masonryElements, itemsPerRow){
  for(var colCount = 0; colCount < itemsPerRow; colCount++){
     $(masonryContainer).append('<div class="masonryColumn"></div>');
  }
  
  var itemCount = 0;
  $(masonryContainer + ' ' + masonryElements).each(function(){
    if(itemCount < itemsPerRow){
       itemCount++;
    } else {
       itemCount = 1;
    }
    $($(masonryContainer + ' .masonryColumn')[itemCount - 1]).append($(this));
  });
}


Он генерирует столбцы и складывает в них посты.
Сейчас это выглядит вот так:
dd61c1002eea4b6ba5bb3cf9150924cf.png

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

Вот примерно как нужно :
979f048aca2b449a8372dbc5dd9e3826.png

Уже неделю пытаюсь как-то решить, без вариантов :(
  • Вопрос задан
  • 2284 просмотра
Пригласить эксперта
Ответы на вопрос 1
Sergeniy
@Sergeniy
Если нужен первый пост всегда большой, задавай ему принудительную ширину чeрез js
Ответ написан
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы