Реализация эффекта masonry для модуля news show pro gk5

  • 2 Ответов
  • 1187 Просмотров

0 Пользователей и 1 Гость просматривают эту тему.

Официальный сайт данной... фичи: http://masonry.desandro.com/
В CSS не силен, буду признателен за пошаговую инструкцию. Обещаю разумное вознаграждение при положительном решении проблемы.

Сори, если написал не туда, надеюсь мою тему просто перенесут и не станут удалять, дак вот, вопрос такой, реализация эффекта masonry в модуле не работает. Скажите пожалуйста, данный стиль не реализован или у меня просто не работает? Как реализовать его, чтобы не было пробелов между статьями? К примеру в стиле product gallery II он не работает. Спасибо.

Joomla 3.2.0. Шаблон GK Creativity 3.9.1. Версия модуля news show pro gk5 1.3.7. очень выручите, при положительном эффекте обязательно отблагодарю разумным количеством webmoney. Надеюсь на помощь. В режиме Portfolio, product gallery II, NEWS blocks, также отображены пробелы между картинками, надеюсь меня поймут, необходим стиль masonry в данном модуле, отображение материалов, картинок, как на сайте, к примеру, как на pinterest.com. Своеобразная кирпичная кладка из материалов, которая исключает пробелы и пустое пространство между элементами. (уверен на форуме все очень умные, расписываю для новичков.) Надеюсь разберемся.

*

Оффлайн kasper9820

Добавлю свой вопрос по плагину. Возможно не туда, как и предыдущий.

Есть два скрипта:
1. По клику скрывает и отображает лишние блоки, а основной блок делает то на всю ширину экрана, то на 50% соответственно.
2. Скрипт плагина Масонри.

Как сделать, чтобы при вызове функции openbox масонри пересчитывался, как при ресайзе экрана?
Условно говоря, делаю кнопку fullscreen, но масонри не пересчитывает. Как правильно сделать?

<script type="text/javascript">

function openbox(id){
      display = document.getElementById('b3').style.width;

   if(display=='50%'){
      document.getElementById('b1').style.visibility='collapse';
      document.getElementById('b2').style.visibility='collapse';
      document.getElementById('b3').style.width='100%';
      document.getElementById('b4').style.visibility='collapse';
    }else{
      document.getElementById('b1').style.visibility='visible';
      document.getElementById('b2').style.visibility='visible';
      document.getElementById('b3').style.width='50%';
      document.getElementById('b4').style.visibility='visible';
    }
}
</script>
<script type="text/javascript">
  $(document).ready(function(){
   $('#container').masonry({
     itemSelector: '.item',
          singleMode: false,
   });
  });
</script>
Бесплатный хостинг для сайтов-визиток на joomla 3.5

*

Оффлайн kasper9820

Кому интересно: второй скрипт не нужен, просто в функцию дописываем jQuery(".js-masonry").masonry("layout")
Бесплатный хостинг для сайтов-визиток на joomla 3.5