2014-11-03 14 views
5

Devo programmare un mosaico di grandi dimensioni sulla pagina Web e mi chiedo quale sia l'approccio migliore per codificarlo, quindi la soluzione non sarebbe molto complicata da programmare e da mantenere/modificare in seguito.HTML Mosaic - possibilità di codifica

Ecco un disegno per mosaico, ogni immagine può cambiare, sia in bianco e nero che a colori.

Mosaic

Stavo pensando a 3 diversi approcci:

  1. <table> soluzione,
  2. <div> e ogni div ha il suo position:absolute set in CSS,
  3. <div> e l'immissione con JS (array con posizioni/dimensioni).

Altre idee?

+2

Ti sei mai imbattuto in muratura? http://masonry.desandro.com/ Sembra che potrebbe aiutarti a raggiungere quel tipo di layout. Anche Isotope è un'altra alternativa JS http://isotope.metafizzy.co/ – Treborbob

+2

Non penso che la tabella sia la strada da percorrere. –

+0

Un solo pensiero per aggiungere :-) il mosaico è solo il primo passo, dopo che faccio mosaico skeleton, devo aggiungere un sacco di codice diverso in giro (CMS + il mio custom photo editor ecc.) – kuba

risposta

0

Avete visto this page here? Posso immaginare che sarebbe facile fare il tuo scheletro e i tuoi ulteriori piani con quelle spiegazioni. :-)

+0

Benvenuti in StackOverflow! È bello vedere che stai dando una mano, la prossima volta, prova ad anticipare di più la domanda. In questo caso, specifica quale approccio del 3 suggerito nella domanda è preso nel tuo caso? – Mdlc

+0

Ha! Prima risposta e ho dimenticato metà della roba. Scusate! Il creatore della pagina che ho collegato ha fatto qualcosa con div e javascript, quindi va nella direzione del suggerimento tre. Non conosco i piani dopo aver eseguito lo scheletro per il mosaico, ma penso che questo sarebbe il modo migliore per farlo se l'utente che ha chiesto solo desidera utilizzare html, css e js. – tavaril