Модераторы: Illuminaty
  

Поиск:

Ответ в темуСоздание новой темы Создание опроса
> Подключенаая masonry библиотека не срабатывает на 
:(
    Опции темы
mstdmstd
Дата 15.1.2022, 14:45 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Опытный
**


Профиль
Группа: Участник
Сообщений: 394
Регистрация: 30.12.2008

Репутация: нет
Всего: нет



Всем привет,
Работая над версткой 
https://sergey2018new.github.io/lv/nomination.html

возник вопрос как реализован грид с картинками 
В проекте подключена masonry библиотека и в подключенном файле public/js/script.js я вижу код :

Код

    // Gallery Grid
    var $grid = $('.main_gallery__blocks').masonry({
        itemSelector: '.main_gallery__block',
        columnWidth: '.main_gallery__block',
        percentPosition: true
    })


но присмотревшись к верстке я вижу высота установлена для КАЖДОЙ картинке в зависимости от высоты картинке:
https://prnt.sc/26dxbh7

Там для картинок установлены классы “height-6”,"height-4"...

То есть masonry вроде бы и есть и подключена,  но не работает...
Или я неправильно понял?

Если закоментарить строки :
Код

    var $grid = $('.main_gallery__blocks').masonry({


то картинки отображаются точно также и я не вижу разницы ...


Спасибо!
PM MAIL   Вверх
_zorn_
Дата 9.2.2022, 19:41 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Эксперт
***


Профиль
Группа: Завсегдатай
Сообщений: 1060
Регистрация: 21.8.2007

Репутация: 2
Всего: 12



columnWidth - это ширина, а не селектор. Как достали не понимающие копипастильщики.
COLUMN WIDTH мать вашу. Достань английский словарь из под кровати.

Это сообщение отредактировал(а) _zorn_ - 9.2.2022, 19:43
PM MAIL   Вверх
  
Ответ в темуСоздание новой темы Создание опроса
1 Пользователей читают эту тему (1 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема | Вёрстка веб-сайтов | Следующая тема »


 




[ Время генерации скрипта: 0.1246 ]   [ Использовано запросов: 20 ]   [ GZIP включён ]


Реклама на сайте     Информационное спонсорство

 
По вопросам размещения рекламы пишите на vladimir(sobaka)vingrad.ru
Отказ от ответственности     Powered by Invision Power Board(R) 1.3 © 2003  IPS, Inc.