동적 크기의 이미지가 있는 Mosaic
동적 너비 및 높이 이미지(사용자가 제출한 이미지)가 포함된 이미지 그리드 갤러리에 대한 프로젝트 디자인을 방금 받았습니다.(게시물 말미 스크린샷)
jQuery Masonry, Tympanus Automatic Image Montage, CSS-Tricks Seless Response Photo Grid를 사용해 보았지만 각각의 한계가 있습니다.
- Jquery Masonry를 사용하면 폭과 높이가 모두 동적이지만 간격이 발생합니다.
- 후자의 2개의 스크립트는 매우 좋은 그리드를 생성하지만, 폭과 높이 중 어느 하나가 정적이어야 한다는 문제가 있습니다.
편집: 동위원소를 발견했습니다. 거의 완벽하며 내 요구를 정확하게 해결하는 것이 없는 한 결국 사용하게 될 것입니다.그러므로 내 질문은 여전히 그대로입니다.
아래 스크린샷과 같이 (이미지 크기와 관련하여) 완전히 동적인 모자이크를 생성할 수 있는 자바스크립트(바람직하게는 jQuery) 스크립트가 있습니까?
도와주셔서 감사합니다.
제안합니다.크로스 브라우저 및 응답성이 뛰어난 jQuery 플러그인으로 유연한 레이아웃, 이미지 레이아웃, 중첩된 그리드 레이아웃, 메트로 스타일 레이아웃, 레이아웃과 같은 핀터레스트 등 다양한 유형의 그리드 레이아웃을 만들 수 있습니다. CSS3 애니메이션 효과 및 콜백 이벤트가 있습니다.Freewall은 데스크톱, 모바일 및 태블릿을 위한 동적 그리드 레이아웃을 만들기 위한 올인원 솔루션입니다.
앞서 언급한 메이슨리를 바탕으로 스타일이나 뷰어 등을 추가한 '구글 그리드 갤러리'를 시도해 볼 수 있을 것 같습니다.
언급URL : https://stackoverflow.com/questions/10930783/mosaic-grid-gallery-with-dynamic-sized-images
'programing' 카테고리의 다른 글
| MySQL은 Åäö를 AAO로 취급합니까? (0) | 2023.10.19 |
|---|---|
| WooCommerce 사용자 역할 및 소규모 금액에 따른 배송 방법 (0) | 2023.10.19 |
| Node.js가 MySQL 8.0에 인증할 수 없습니다. (0) | 2023.10.19 |
| 그 중 하나가 모듈과 이름이 같은 여러 소스 파일로 커널 모듈을 구축하는 것입니다. (0) | 2023.10.19 |
| 다중 및 단일 인덱스 (0) | 2023.10.19 |