Mosaico di Francobolli
Galleria interattiva

Mosaico

Clicca su una tessera evidenziata per aprire il dettaglio. Puoi definire fino a 150 tessere cliccabili.

Mosaico di francobolli
H aiuto · C modalità misurazione hotspot (solo locale) · Esc chiudi dettaglio

Come configurare le tessere cliccabili

  1. Metti l'immagine del mosaico in assets/mosaic.jpg (già inclusa come esempio).
  2. Carica le immagini dei francobolli in stamps/ (es.: stamps/001.jpg).
  3. Apri stamps.json e compila per ogni francobollo:
    • id (univoco)
    • title e description
    • image (percorso file in stamps/)
    • hotspot: { x, y, w, h } in percentuale rispetto al mosaico
  4. Per misurare velocemente le coordinate:
    • premi C e clicca/trascina sull’immagine per disegnare un rettangolo;
    • il sito copia in clipboard un oggetto hotspot pronto da incollare in stamps.json.
  5. Per pubblicare: carica la cartella su qualunque hosting statico (Netlify, GitHub Pages, server web).

Nota: la modalità “C” funziona in locale o su hosting HTTPS. In alcuni browser il copia-incolla potrebbe richiedere permessi.