2014-11-03 13 views
5

웹 페이지에서 큰 그림 모자이크를 프로그래밍해야하며 코드를 작성하는 가장 좋은 방법은 무엇인지 궁금합니다. 따라서 솔루션은 나중에 프로그래밍하고 유지/변경하는 데 그리 복잡하지 않습니다.HTML 모자이크 코딩 가능성

여기 모자이크 디자인으로 각 사진이 흑백과 컬러로 변경 될 수 있습니다.

Mosaic

I는 3 가지 방법을 생각 하였다

  1. <table> 용액
  2. <div>
  3. 를 각각 DIV은 CSS에서의 position:absolute 세트
  4. <div>을 가지며 JS으로 배치 (배열 위치/크기 포함).

다른 아이디어?

+2

벽돌을 찾으러 왔습니까? http://masonry.desandro.com/ 그런 레이아웃 유형을 달성하는 데 도움이 될 것 같습니다. 또한 Isotope는 다른 JS 대안 http://isotope.metafizzy.co/ – Treborbob

+2

나는 그 테이블이 갈 길이라고 생각하지 않는다. –

+0

그냥 하나 추가 생각 :-) 모자이크 해골 모자이크 할 후 모자이크 그냥 첫 단계입니다 (CMS + 내 사용자 지정 자바 스크립트 사진 편집기 등) 주위에 다른 코드를 많이 추가 할 수 있습니다. – kuba

답변

0

this page here을 보았습니까? 그 해설과 함께 당신의 해골과 그 이상의 계획을하는 것이 쉽다는 것을 나는 상상할 수있다. :-)

+0

안녕하세요, stackoverflow에 오신 것을 환영합니다! 다음 번에 도움을 청하는 것을 보니 큰 호응을 얻으십시오. 이 경우 귀하의 경우 질문에서 제안 된 3의 접근 방식을 취하십시오. – Mdlc

+0

하! 첫 번째 대답은 물건의 절반을 잊어 버렸습니다. 죄송합니다! 링크 된 페이지의 작성자는 div와 javascript로 무언가를 했으므로 제안 사항 3의 방향으로 진행됩니다. 나는 모자이크에 대한 해골을 만든 후에 계획에 대해 모르지만, 물어 본 사용자가 단지 html, css 및 js를 사용하려는 경우이 방법이 최선이라고 생각합니다. – tavaril