Форум программистов [Powered by Invision Power Board]

Версия для печати темы
Нажмите сюда для просмотра этой темы в оригинальном формате

Форум программистов > Вёрстка веб-сайтов > Подключенаая masonry библиотека не срабатывает на

Автор: mstdmstd 15.1.2022, 14:45

Всем привет,
Работая над версткой
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({

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

Спасибо!

Автор: _zorn_ 9.2.2022, 19:41

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