최근에 열을 사용하여 벽돌 레이아웃을 수행하는 방법을 발견했습니다 (여기에는 http://w3bits.com/css-masonry/). 마우스 오버시 각 항목에 텍스트가있는 오버레이를 추가하여이 레이아웃을 확장했습니다. 이 문제는 2 가지 문제를 제외하고는 매우 효과적입니다. 오버레이가 아래쪽 이미지보다 약간 큽니다. 다른 이미지를 사용하는 경우에도 계속
$(".portfolio").imagesLoaded(function() {
$(".portfolio").masonry({
columnWidth: '.col-md-4.col-sm-6',
itemSelector: '.col-md-4'
});
});
당신이 창문을 가지고 놀 때 점점 나아지고 있습니다. 당신이 처음 열
벽돌이 초기화되지 않은 상태에서 몇 가지 문제가 있습니다. 내 사업부는 높이가 다르기 때문에 벽돌과 동위 원소를 사용하여 올바르게 표시합니다. 이 div에는 모두 클래스가 있습니다 .item 사이트 : http://www.dokfilm.no/을보고 Nyhende으로 스크롤하십시오. Nyhende 또는 Plus 아이콘 중 하나를 눌러서. div가 서로 위에로
내 프로젝트에서 knockout.js와 masonry.js를 사용하고 있습니다. 따라서 벽돌 문서에 따르면 reloaditems method을 사용하여 DOM의 변경 사항을 석조물에 적용하는 것이 좋습니다. 내 항목에 마우스를 올리면 전환 효과가 추가 될 때까지 문제가 없습니다. 여기 is the code. "로드를 더 많이!" 버튼은 벽돌을 두 번 다시로
저는 벽돌집 수평 레이아웃에 Isotope (isotope.metafizzy.co)를 사용하고 있습니다. 예 : http://codepen.io/desandro/pen/oCiAD 잘 작동하지만 왜 라이브러리가 변환을 사용하는 대신 왼쪽/오른쪽 및 위쪽/아래쪽 속성을 설정하는지 궁금합니다. 그것은 transform: translateZ(0);
또는 tra
나는 동위 원소 그리드를 필터링하는 데 사용되는 코드를 가지고 있으며, 동위 원소 그리드에서 검색 할 수도 있습니다. 필터는 확인란과 논리로 만들어지기 때문에 일부 확인란은 같은 시간에 (남성/여성) 활성화 할 수 없습니다. 그러나 이것은 중요하지 않습니다 ... 필터가 작동 중입니다. 검색 필드가 작동합니다 (불행히도 처음 필터를 활성화하지 않은 경우에만
Listjs와 Masonry를 함께 사용하는 프로젝트를하고 있습니다. 나는 페이징 할 때 그것을 원했고 석조물이 항목을 재배치 한 것을 검색했다. 그러나 이것은 일어나지 않습니다. 나는 여기에 내 코드 떠나 : 테스트 및 디버깅의 몇 시간 후 HTML 코드 <div class="container" id="posts">
<div class="row"
이전 코드와 새 코드의 조합을 만들었지 만 일부 게시물이 여전히 겹치기 때문에 제대로 작동하지 않습니다. 더 작은 해상도를 위해 겹치지 않을 수도 있으므로 여기 image이고 here 사이트를 볼 수 있습니다. 출처 : <script src="//cdnjs.cloudflare.com/ajax/libs/jquery/2.1.0/jquery.min.js"></s
getting started masonry의 모든 단계를 수행했지만 결과가 완전히 다릅니다. 나는 이것을 다음과 같이하고 싶다 : http://iam.beyonce.com/tagged/my_work. 그러나 당신이 볼 수있는 완전히 다른 모습 : 사전에 어떤 도움 <!-- Masonry -->
<script src="https://unpkg.com/[em