동적 크기 이미지가있는 모자이크 그리드 갤러리

동적 크기 이미지가있는 모자이크 그리드 갤러리

---

동적 너비 및 높이 이미지 (사용자 제출 이미지)가있는 이미지 그리드 갤러리의 프로젝트에 대해 다음 디자인을 방금 받았습니다. (게시물 마지막 스크린 샷)

나는 시도 jQuery를 벽돌 , Tympanus 자동 이미지 몽타주 와 CSS-트릭 Seemless 응답 사진 그리드 ,하지만 각각 자신의 한계가있다.

• Jquery Masonry는 너비와 높이를 모두 동적으로 만들 수 있지만 간격이 생성됩니다.
• 후자의 두 스크립트는 매우 멋진 그리드를 생성하지만 너비 나 높이가 정적 인 문제가 있습니다.

편집 : 내가 건너 온, 동위 원소 거의 완벽 뭔가가 수정 내 요구를 정확하게가 아니라면 아마 그것을 사용하게됩니다. 따라서 내 질문은 여전히 ​​동일합니다 ...

아래 스크린 샷과 같이 완전히 동적 모자이크 (이미지 크기와 관련하여)를 생성 할 수있는 자바 스크립트 (가급적 jQuery) 스크립트가 있습니까?

도움을 주셔서 감사합니다

---

---

나는 제안한다 Freewall. 유연한 레이아웃, 이미지 레이아웃, 중첩 된 그리드 레이아웃, 메트로 스타일 레이아웃, 멋진 CSS3 애니메이션 효과 및 콜백 이벤트 등 다양한 유형의 그리드 레이아웃을 만드는 데 도움이되는 크로스 브라우저 및 반응 형 jQuery 플러그인입니다. Freewall은 데스크톱, 모바일 및 태블릿 용 동적 그리드 레이아웃을 생성하기위한 올인원 솔루션입니다.

홈 페이지 및 문서 : here.

---

앞서 언급 한 Masonry를 기반으로 스타일 및 뷰어와 같은 일부 추가 기능이있는 "Google Grid Gallery"를 사용해 볼 수 있다고 생각합니다 .

참고 URL : https://stackoverflow.com/questions/10930783/mosaic-grid-gallery-with-dynamic-sized-images