자바 스크립트로 복잡한 이미지 격자를 프로그래밍하는 방법

포트폴리오 웹 사이트의 경우 시각적 인 이미지 격자를 만들어야합니다.자바 스크립트로 복잡한 이미지 격자를 프로그래밍하는 방법

이제이 그리드에 대한 테스트를하고 있습니다.

1.A 간단한 그리드, 종단 선형과,이 와이어 프레임에 같은 :

가 그렇게 여러 플러그인이며, 난 쉽게 개발할 수 필요한 경우 사용자 지정 솔루션 그러나이 그리드는 너무 단순하고 일반적입니다. , http://daviddarx.com/stuffs/work/barbu/wireframe/search/complexe.png

하지만이 하나 :이 와이어 프레임에 하나처럼, 어떤 수직 또는 수평 정렬없이

2.A complexe 그리드, :이 같은 더 complexe 그리드를 얻을 싶어요 개념적으로 그것을 개발하기 시작하는 방법을 정말로 모르겠습니다.
여기 내 질문 사항은 다음과 같습니다.

- 내가 원하는 것을 정확히 얻으려면 사용자 정의 그리드를 개발하고 싶습니다. 그리드를 개발하는 방법에 대한 조언, 전략, 자습서가 있습니까? 어떤 단계, 시작하는 법 등 ...

- 그 밖의 모든 플러그인 또는 라이브러리를 알고 계시나요?

도움을 주셔서 감사합니다. 데이비드

2012-01-09 daviddarx

이 jQuery 플러그인 당신이 원하는 것을 할 수 있습니다 http://isotope.metafizzy.co/

을 그 그것을하지 않는 경우, 그 이유를 설명하고 내가 다른 솔루션을 생각할 수 있는지 확인하기 위해 노력하겠습니다.

2012-01-09 17:34:26 maxedison

입력 해 주셔서 감사합니다.이 플러그인은 훌륭합니다! 아직 그리드처럼 선형이지만, 다른 플러그인보다 낫습니다! 나는 내가 원했던 것을 할 수 없다면 나는 그 하나를 시도 할 것이고이 포스트를 따라갈 것입니다! 고맙습니다! – daviddarx

@ daviddarx : 사이트가 플러그인이 아닙니다. 플러그인은 벽돌입니다. – Bytemain

jQuery 플러그인 메이슨을 사용할 수 있습니다. 트리 메프 알고리즘을 사용할 수도 있지만 jQuery 플러그인 트리 맵이 있습니다.

2012-01-12 12:53:40 Bytemain

답변