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


80

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

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

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

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

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

도움을 주셔서 감사합니다


갤러리


내가 필요한 것 같아서 감사합니다. 이 질문을 답변으로 추가해 주시면 제대로 된 점수를주고 질문을 답변으로 표시 할 수 있습니까?
Dogoku 2012

@Dogoku Isotope에서 높이와 너비를 동시에 동적으로 만드는 방법을 공유 할 수 있습니까?
Mark Vital

경고 : Tympanus Automatic Image Montage 링크는 버그가있는 쓰레기입니다.
shipshape

unitegallery를 사용할 수 있습니다 . 반응이
좋으며

위의 이미지와 동일한 출력을 원합니다. 이미지는 크기가 다르지만 마지막에는 간격이 필요하지 않습니다. 모든 것이 이미지이기 때문에 Freewall Metro 스타일 그리드가 작동하지 않습니다. 도와주세요!
monisha

답변:


64

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

홈 페이지 및 문서 : here.


12
이 공부 : 수도 도움이 될 crispymtn.com/stories/...
mayankcpdixit

이것은 매우 유용합니다 감사 @mayankcpdixit
zavr

1
tnx @zavr 나는 내 자신의 것을 만들었습니다. github.com/mayankcpdixit/grid-no-white
mayankcpdixit

@mayankcpdixit, 멋지다, 잘 했어. 나는 jQuery 플러그인으로도 만들었습니다.
zavr 2014 년

2

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

당사 사이트를 사용함과 동시에 당사의 쿠키 정책개인정보 보호정책을 읽고 이해하였음을 인정하는 것으로 간주합니다.
Licensed under cc by-sa 3.0 with attribution required.