Вопросы по теме 'masonry'

Js Masonry работает нормально, за исключением 1 небольшой проблемы с перекрытием
Я знаю, что об этом спрашивали миллион раз. Смотрю другие темы для решения и пока не могу исправить. Я использую Masonry для разработки системы сетки, такой как изображения pinterest и google. Это работает нормально. Изображения правильно...
731 просмотров
schedule 19.03.2023

Изменение размера родительского контейнера на основе дочернего содержимого
Я пытаюсь изменить размер родительского контейнера на основе его содержимого. В настоящее время он использует проценты для ширины. К сожалению, размер контейнера изображения не изменяется в зависимости от его содержимого. Есть ли способ изменить...
2330 просмотров
schedule 14.09.2022

Анимация Css3 воспроизводится дважды, а не один раз
Я интегрировал эффект перехода css в свой цикл Wordpress (я также использовал Masonry, возможно, именно в этом конфликт). Анимация воспроизводится дважды, а не один раз, что раздражает, поскольку я не могу понять, как сделать так, чтобы она...
935 просмотров
schedule 12.12.2022

Комбинация Jquery Masonry и бесконечной прокрутки
я комбинирую каменную кладку Jquery и бесконечную прокрутку http://jsfiddle.net/9tWw9/ <div class="col-main"> <div class="col-left"> </div> <div class="col-right"> <div id="container"> <div...
127 просмотров
schedule 29.06.2023

Rails 4 will_paginate кладка
Я пытаюсь заставить бесконечную прокрутку работать с каменной кладкой, но когда я загружаю больше контента, поля добавляются к началу сетки и перекрывают другие. У меня есть изображения в некоторых коробках. show.js.erb var boxes = $('<%= j...
327 просмотров
schedule 13.01.2023

Блоки макета каменной кладки перекрываются, работает при обновлении
В WordPress у меня есть сообщения, организованные по каменной кладке, которые отлично работают в 60% случаев. В остальное время они накладываются друг на друга, как будто каменная кладка разработала макет до того, как загрузились избранные...
2322 просмотров
schedule 16.05.2022

сочетая бесконечный ajaxscroll, каменную кладку, загруженные изображения и собственный скрипт
Я работаю над страницей, и у меня возникли проблемы с получением различных материалов jquery (каменная кладка с загруженными изображениями, некоторые собственные материалы и iac ( http://infiniteajaxscroll.com/ )) для совместной работы и нужна помощь:...
243 просмотров
schedule 03.10.2022

Создание галереи в стиле каменной кладки Wordpress с лайтбоксом, который циклически перебирает изображения только с той же категорией/тегом
Я пытаюсь создать галерею изображений Wordpress, которая делает несколько вещей, которые ни один плагин не делает сам по себе. В основном я хочу: 1. разделить медиатеку на категории/альбомы 2. отобразить каждое изображение из этих альбомов,...
819 просмотров

бесконечная прокрутка путевых точек с проблемой каменной кладки с быстрой прокруткой
У меня есть бесконечная прокрутка, работающая с каменной кладкой, используя приведенный ниже код, но если я прокручиваю быстро, новый контент не загружается, если я не прокручиваю немного назад, а затем снова вниз. Если я прокручиваю медленно, это...
460 просмотров
schedule 10.12.2022

Полноэкранная загрузочная сетка разных размеров
Я пытаюсь создать полноэкранную загрузочную сетку с разной высотой (33,33%, 66,66% или 100%) и разной шириной (20%, 40%, 60%, 80%, 100%). Проблема в том, что из-за разницы высот возникают зазоры. http://www.bootply.com/BXENv65tq8# Я...
418 просмотров
schedule 05.03.2023

Isotop gutter-sizer сворачивается при нажатии кнопки фильтра
У меня есть фильтр Isotope, работающий с WordPress для фильтрации сообщений. Он использует макет каменной кладки с размером желоба, установленным в процентах в CSS. Все это работает фантастически при загрузке страницы, пока я не нажму что-нибудь на...
421 просмотров

Masonry JQuery с Rails для Transistions — для работы необходимо обновить страницу
Я использую гем masonry rails, чтобы мои сообщения красиво переходили в зависимости от размера экрана и прочего, но по какой-то причине мне всегда нужно обновлять страницу, чтобы кладка начала работать. Всякий раз, когда я впервые захожу на страницу,...
314 просмотров

Текст появляется на :active (каменная кладка)
Я пытаюсь создать эффект, при котором изображения галереи, созданной Masonry, имеют непрозрачность 0,2 и достигают 1 непрозрачности при: hover. Затем, если изображение :active, оно исчезает до непрозрачности 0,7, и поверх изображения появляется...
72 просмотров
schedule 26.03.2022

Система сетки Flickr
Как мне создать сетку наподобие страницы исследования Flickr? https://www.flickr.com/explore Я просмотрел Isotope (isotope.pkgd.js), но не могу упорядочить сетку в зависимости от размера изображений. Пока вот что у меня получилось: HTML:...
204 просмотров
schedule 12.09.2022

Невозможно достичь желаемого эффекта с макетом Masonry
Я действительно в тупике здесь. Поскольку это вопрос о макете , вам нужно взглянуть на мой пример codepen . в основном, если вы видите во втором ряду, между двумя блоками есть гигантское пространство. Почему? Почему не выстраивается? Это...
28 просмотров

Макет кладки не заполняет пространство при фильтрации
Я сделал макет кладки, который фильтруется по щелчку. По какой-то причине, когда выбраны некоторые из кнопок, макет кладки перемещается влево и складывает все элементы друг над другом вместо того, чтобы заполнять контейнер. Я не уверен, почему это...
888 просмотров

jquery сетка в стиле каменной кладки
Я пытаюсь создать макет стиля каменной кладки и элемент положения с помощью jquery. при переборе элементов я пытаюсь сбросить положение столбца, когда строка становится шириной в 3 столбца, но этот код не работает, и я не понимаю, почему var...
63 просмотров
schedule 11.05.2022

Material Design lite макет кладки с карточками
Я пытаюсь создать макет в стиле «Pinterest» с помощью Material Design Lite. Большая проблема в том, что пока я могу создать его только с картами одинаковой высоты. Мне удалось сделать это с помощью CSS и количества столбцов (без MDL), но я хотел...
1064 просмотров
schedule 10.03.2023

Сворачивающиеся панели Bootstrap перекрывают друг друга, когда я использую Masonry
У меня есть следующая страница: $(function () { var container = document.querySelector('#PanelContainer'); var msnry = new Masonry(container, { itemSelector: '.selector-class', isAnimated:...
1524 просмотров

Настройте начальную загрузку на верхний div независимо от высоты строки (каменная кладка)
То, что я пытаюсь сделать, это простая сетка, похожая на каменную кладку. У меня есть, скажем, 10 col-md-4 ina row , поэтому он будет перенесен в 4 строки (последняя строка только с 1 элементом). Проблема в том, что блоки не одинаковой высоты (и...
25 просмотров
schedule 11.06.2023