jQuery/Masonry 썸네일형 리스트형 [Masonry] Masonry 실행 예제 파일첨부 : ■ Masonry 실행 예제 ※ Masonry 플러그인 메소드 -. appended : 기존영역에 블록을 새롭게 추가한다. -. destroy : 블록을 완전히 제거한다. -. layout : 모든 블록 요소를 배치한다. layout 항목의 크기를 변경하고, 모든 항목을 다시 배치 할 필요가 있을경우 유용하다. -. reloadItems : 블록을 재배치 한다. -. remove : 블록의 DOM 요소를 제거한다. 01. 아래 masonry_deepen.html은 appended와 remove 메소드 효과를 적용한 예제이다. masonry_deepen.html consectetur adipiscing elit Lorem ipsum dolor sit amet Vivamus tempus mole.. 더보기 [Masonry] Masonry 플러그인 세팅하기 01. http://masonry.desandro.com/ 으로 접속해서 Masonry 플러그인을 다운받는다. 02. 그럼 http://······/masonry.pkgd.min.js 파일이 열리는데. 해당 코드를 전부 복사한다. 03. 해당 내용을 텍스트 편집기에 복사 붙여넣기 하고, masonry.pkgd.min.js 파일로 저장한다. 04. 위에서 만든 masonry.pkgd.min.js 파일을 작업할 경로에 위치시키고 masonry_test.php 파일을 생성한다. 05. masonry_test.html 코드는 알래와 같다. masonry_test.html 06. 출력결과는 아래와 같다. 더보기 이전 1 다음