Форум русской поддержки Joomla!® CMS
06.12.2016, 06:59:29 *
Добро пожаловать, Гость. Пожалуйста, войдите или зарегистрируйтесь.
Вам не пришло письмо с кодом активации?

Войти
   
   Начало   Поиск Joomla 3.0 FAQ Joomla 2.5 FAQ Joomla 1.5 FAQ Правила форума Новости Joomla Реклама Войти Регистрация Помощь  
Страниц: [1]   Вниз
  Добавить закладку  |  Печать  
Автор

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

 (Прочитано 932 раз)
0 Пользователей и 1 Гость смотрят эту тему.
AndrewwwSP
Новичок
*

Репутация: +0/-0
Offline Offline

Сообщений: 1


« : 18.02.2014, 22:29:24 »

Официальный сайт данной... фичи: 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
Осваиваюсь на форуме
***

Репутация: +2/-5
Offline Offline

Пол: Мужской
Сообщений: 163



« Ответ #1 : 28.01.2016, 00:46:28 »

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

Есть два скрипта:
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>
Записан
kasper9820
Осваиваюсь на форуме
***

Репутация: +2/-5
Offline Offline

Пол: Мужской
Сообщений: 163



« Ответ #2 : 28.01.2016, 16:03:19 »

Кому интересно: второй скрипт не нужен, просто в функцию дописываем jQuery(".js-masonry").masonry("layout")
Записан
Страниц: [1]   Вверх
  Добавить закладку  |  Печать  
 
Перейти в:  

Powered by SMF 1.1.21 | SMF © 2006, Simple Machines

Joomlaforum.ru is not affiliated with or endorsed by the Joomla! Project or Open Source Matters.
The Joomla! name and logo is used under a limited license granted by Open Source Matters
the trademark holder in the United States and other countries.

LiveInternet