234 messaggi dal 20 maggio 2001
Dovrei realizzare qualcosa tipo questo: http://www.go-italia.com/it/configuratore

Più che un configuratore, mi sembrano delle immagini che cambiano sulla base dei parametri scelti. Che consigli mi date per realizzare qualcosa di simile?
11.097 messaggi dal 09 febbraio 2002
Contributi
Molto carino quel configuratore, è un bell'esempio di web design.


mi sembrano delle immagini che cambiano sulla base dei parametri scelti

Certo, probabilmente è composto da varie immagini sovrapposte, che cambiano in base al relativo componente selezionato.
Puoi cominciare predisponendo un tag <img> per ogni "sezione" (es. uno per "muro esterno", uno per "pavimentazione esterna", e così via). Puoi sovrapporre le varie immagini posizionandole con position:absolute all'interno di un contenitore <div> che ha position:relative. Modifica l'attributo src di una data immagine in base a cosa viene selezionato. Anche i componenti stessi dovranno cambiare in base a cosa viene selezionato, infatti non è detto che tutti i componenti si applichino in tutti i casi.

Il configuratore che hai linkato ha anche un gradevole effetto di dissolvenza che si può ottenere sovrapponendo una seconda immagine completamente trasparente che viene mostrata gradualmente, modificando la sua opacity da 0 a 1.
Inoltre, la loro ambientazione è 3D. Se anche tu devi realizzare qualcosa del genere potresti usare Sketchup o altro programma per ricostruire l'ambiente e applicare le texture. Esporta su PNG o JPG per ottenere le immagini.

ciao,
Moreno
Modificato da BrightSoul il 21 settembre 2018 19.34 -

Enjoy learning and just keep making

Torna al forum | Feed RSS

ASPItalia.com non è responsabile per il contenuto dei messaggi presenti su questo servizio, non avendo nessun controllo sui messaggi postati nei propri forum, che rappresentano l'espressione del pensiero degli autori.