Описание тега masonry

Masonry, формально jQuery Masonry, представляет собой библиотеку каскадных сеток JavaScript.
0 ответов

Масонство, перекрывающее Tumblr Photosets

Я пытался создать макет Tumblr с 3 столбцами, используя Masonry и ImagesLoaded. Однако у меня проблемы с перекрытием фотосетов. Я также использую PXU Photoset. Проблема: В первые секунды блог выглядит испорченным: http://s11.postimg.org/ry4fa614j/Ov…
1 ответ

Изображения FancyBox загружаются неправильно

Я использую комбинацию плагинов Masonry и Fancybox для создания фотогалереи, но изображения, загруженные FancyBox, отображаются неправильно. Они вытеснены с правой стороны экрана и занимают слишком много места. Следует также отметить, что и белая ра…
18 ноя '16 в 07:26
1 ответ

Ошибка: "не удается вызвать методы для кладки до инициализации" при объединении кладочной сетки с поиском и фильтром плагина WordPress

Я пытаюсь использовать сетку Masonry с плагином WordPress Search и Filter Pro, используя ajax для загрузки постов после фильтрации. Я получаю ошибку: Ошибка: "не может вызывать методы для кладки до инициализации; попытался вызвать reloadItems И Maso…
13 мар '18 в 09:13
0 ответов

Pinit.js Положение кнопки наведения не исправлено

Я тщетно пытался внедрить скрипт Pinterest в свой сайт. Сценарий работает нормально, однако проблема в том, что зависшая кнопка Pinterest "сохранить" позиционирует себя неправильно. При начальной загрузке страницы кнопка располагается в верхнем углу…
1 ответ

Фильтрация элементов с помощью бесконечной прокрутки

Я использую кладку для генерации "плиток" - которые я фильтрую с помощью jQuery, и бесконечной прокрутки - которые я использую для загрузки большего количества плиток на стороне сервера. Фильтр работает, однако, как только фильтр применен и больше п…
1 ответ

Как я могу заказать DOM в кладке?

Как я могу заказать DOM в кладке? вот мой код, http://jsbin.com/niqasiqisi/1/edit?html,css,output В этом я хочу заказать элементы ввода, как показано ниже [1] | [4][2] | [5][3] | [6] если я уберу [2], то [3] должно занять место [2], а [4] - ниже. Ка…
06 апр '15 в 14:21
0 ответов

Масштабирование масонства и Bootstrap в Safari

В настоящее время я использую библиотеку Javascript "Masonry" с Bootstrap для создания веб-сайта. Вот адрес: http://beta2.micyuan.com/interactive.html Однако, когда он открывается в Safari и Phone, все изображения накладываются друг на друга. Но это…
28 янв '18 в 21:14
1 ответ

Masonry ImagesLoaded HTML5 видео постер

Я использую masonry.js вместе с плагином imagesloaded.pkgd.js. Предполагается, что скрипт ImagesLoaded определяет, когда браузер завершил загрузку изображений перед инициализацией кладки. Хотя это работает с изображениями в тегах img, оно не работае…
17 июн '15 в 10:26
1 ответ

Ленивый и масонство на мобильном телефоне

У меня есть код, хорошо работающий на рабочем столе, но мои изображения на мобильных устройствах загружаются слишком долго, а иногда вообще не загружаются... какая-нибудь помощь? код .js (function(a) { var b = a(".grid").masonry({ itemSelector: ".gr…
11 янв '18 в 04:42
1 ответ

Masonry for Wordpress Последние сообщения не отображаются правильно

Я пытаюсь создать галерею масонства под основным изображением веб-сайта. Я даже не уверен, смогу ли я приблизиться к успеху. В настоящее время миниатюры находятся в строке, но только по четыре в строке вместо 5, и они не заполняют друг друга пустым …
16 окт '15 в 20:58
0 ответов

Кладка - гибкая высота?

Вопрос: Как я могу сделать мой рост масонства гибким для страницы? Я получил гибкую ширину, но высота кажется проблемой. По какой-то причине единственная ширина позволяет вам сделать это в процентах. Не высота. Мне нравится синяя часть внизу каждого…
29 май '17 в 14:55
1 ответ

Как я могу добавить фиксированную ширину к этой сетке

У меня очень похожий макет, как это с помощью mansonry.js https://codepen.io/anon/pen/KrVGox Но у меня возникают проблемы с пониманием, как сделать сетку с фиксированной шириной 1000 пикселей .grid { background: red; /* center */ margin: 0 auto; max…
08 ноя '18 в 04:44
0 ответов

JQuery кладки загружать коробки по одному

Я видел на http://masonry.desandro.com/ сайте, что ящики загружаются одна за другой, потому что при загрузке страницы мои ящики падают. меня называют моей функцией в $(document).readyКак мне это сделать. любой может мне помочь. function _masonry(){ …
18 июл '14 в 06:16
0 ответов

Как сделать jQuery Masonry по центру

Я пытаюсь центрировать кладку jQuery ( https://masonry.desandro.com/), но не могу этого сделать. Я посмотрел несколько ответов на Stackru, но все они сказали, чтобы добавить margin: 0 auto; к .grid div в CSS, что я и сделал, но безрезультатно. Это б…
18 сен '17 в 01:45
3 ответа

Событие изменения ориентации окна в Angular

Есть ли способ вызвать событие directionalchange в директиве AngularJS? В настоящее время я работаю с угловой кладкой и пытаюсь обновить / обновить кладку при изменении ориентации мобильного устройства. Я нашел это, но мне интересно, как это сделать…
1 ответ

Masonry.js - Предметы не движутся вертикально

Я не знаю, как объяснить это без изображения. Пожалуйста, взгляните. Я вполне уверен, что все сделал правильно, но по какой-то причине div не движутся вниз. Вот мой код: HTML <div id="gallery-container" class="js-masonry" data-masonry-options='{ …
14 авг '14 в 19:47
1 ответ

Кладка с установленной высотой

Я использовал масонство для нескольких вещей, но хотел опробовать новый эффект, который, на мой взгляд, включает заданные высоты (или, возможно, не нужно). Это эффект, который я пытаюсь получить: Я решил добавить 2 дополнительных класса, называемых …
14 сен '17 в 12:41
1 ответ

Кладка + изотоп + изображения не загружены

Здравствуйте, я новичок в веб-разработке. Я борюсь с функцией JS, используя Yii 1.1: isotope-jquery. Попытка показать галерею изображений кладки с бесконечной прокруткой. Если я оставлю все как есть, это работает, но при использовании изображений он…
1 ответ

Изотопная сетка Bootstrap

Я работаю над одной страницей этого сайта: http://simonenicosia.com/isotopeTest/ Я хотел бы достичь этого результата сетки: но что-то не так. Я не знаю, касается ли это размерности col или параметров js... portfolio.js var container = jQuery('#portf…
1 ответ

Оригинальный порядок в изотопе не работает

Я пытаюсь исправить "оригинальный порядок", но он не работает, я даже пытался сделать так, как " (я основал мой код здесь)", но это не сработало. Вот мой код: Изотоп Оригинальный заказ Мое намерение состоит в том, чтобы сделать восходящие, нисходящи…
14 июл '15 в 08:24