Cambio colore immagine

[mariana]

Buongiorno a tutti,
ho questa necessità e spero con il vostro aiuto sia ingrado di realizzare. Sto realizzando un sito per un azienda che produce t-shirt. Sto realizzando il catalogo con le varie maglie. Vorrei poter realizzare qualcosa (script o swf) che una volta caricato sul web, metta in condizione l'utente in automatico di vedere la maglietta selezionata in vari colori (pre-impostati da me).
Magari io potrei caricare l'immagine scontornata su fondo trasparente (png o gif o altro) e poi lo script fa il lavoro suo.
Insomma qualcosa tipo "configuratore auto" che si vede nei siti di auto, ma molto meno complesso e che si occupi solo di far cambiare colore in automatico all'utente.

Si puo' fare? Certo che si......ma qual'e' il modo piu' semplice per iniziare a provare qualcosa del genere?

Grazie a tutti!

[cavicchiandrea]

Il processo javascript e marginale, il tutto va gestito lato server o con i colori o con le immagini complete, trovare in rete qualcosa di pronto vedi su jquery ma dubito.

[mariana]

hummm ok
Lato server posso gestirlo....ma sei potresti darmi qualche info in piu'?

[carlogh]

L'immagine trasparente la imposterei ad esempio così:

html:

<div id="canvas">
   [img]tshirt.png[/img]
</div>

css:

#canvas { background: #fff; position: relative; z-index: 0; }
#canvas img { position: absolute; top: 0; left: 0; z-index: 1;  }

Pulsanti per cambiare colore:

<button class="colorchange" value="#ff0000">Rosso</button>
<button class="colorchange" value="#00ff00">Verde</button>

jQuery:

$('.colorchange').click(function() {
   $('#canvas').css('background-color', this.value);
});