2014-11-03 14 views
5

Tôi phải lập trình một bức tranh lớn trên trang web, và tôi tự hỏi cách tiếp cận tốt nhất để viết mã là gì, vì vậy giải pháp sẽ không phức tạp để lập trình và duy trì/thay đổi nó sau này.HTML Mosaic - khả năng mã hóa

Đây là thiết kế cho tranh mosaic, mỗi ảnh có thể thay đổi, cả màu đen và trắng và màu.

Mosaic

Tôi đã suy nghĩ về 3 phương pháp khác nhau:

  1. <table> giải pháp,
  2. <div> và mỗi div có position:absolute bộ của nó trong CSS,
  3. <div> và đặt với JS (mảng với vị trí/kích thước).

Có ý tưởng nào khác không?

+2

Bạn đã gặp công trình xây dựng chưa? http://masonry.desandro.com/ Có vẻ như nó có thể giúp bạn đạt được loại bố cục đó. Ngoài ra Isotope là một thay thế JS http://isotope.metafizzy.co/ – Treborbob

+2

Tôi không nghĩ rằng bảng là con đường để đi. –

+0

Chỉ cần một suy nghĩ để thêm :-) khảm chỉ là bước đầu tiên, sau khi tôi làm bộ xương khảm, tôi phải thêm rất nhiều mã khác nhau xung quanh (CMS + biên tập ảnh tùy chỉnh Javascript của tôi, vv) – kuba

Trả lời

0

Bạn đã xem this page here chưa? Tôi có thể tưởng tượng nó sẽ dễ dàng để làm bộ xương của bạn và kế hoạch tiếp tục của bạn với những lời giải thích. :-)

+0

Chào mừng bạn đến với stackoverflow! Thật tuyệt khi thấy bạn đang giúp đỡ, lần sau, hãy cố gắng dự đoán nhiều hơn cho câu hỏi. Trong trường hợp này, xác định cách tiếp cận nào của 3 đề xuất trong câu hỏi được đưa ra trong trường hợp của bạn? – Mdlc

+0

Ha! Câu trả lời đầu tiên và tôi quên một nửa số thứ. Lấy làm tiếc! Tác giả của trang tôi đã liên kết đã làm điều gì đó với div và javascript, vì vậy nó đi theo hướng đề xuất ba. Tôi không biết về các kế hoạch sau khi làm bộ xương cho mosaic, nhưng tôi nghĩ rằng đây sẽ là cách tốt nhất để làm điều đó nếu người dùng hỏi chỉ muốn sử dụng html, css và js. – tavaril