WebSite X5Help Center

 
Davide T.
Davide T.
User

Collage vestiti  it

Autore: Davide T.
Visite 713, Followers 1, Condiviso 0  

Buonasera, devo fare un sito per un negozio abbigliamento. La mia cliente vuole una pagina dove un utente possa scegliere gli abbinamenti da fare e formare un collage con gli indumenti disponibili. Mi spiego meglio, praticamente vorrebbe una colonna di sinistra dove ci sono per esempio le maglie disponibili, a destra i pantaloni. Per cui vorrebbe che nel centro pagina si possano trasportare con il puntatore la maglia e i pantaloni scelti e formare un collage per vestire una sorta di manichino virtuale e decidere se l'abbinamento piace oppure no.

C'è un modo non troppo complicato per riuscire a far ciò? Io avevo pensato ad un modo troppo macchinoso e ve lo spiego qui. Praticamente metterei a disposizione tipo 3 maglie a destra e tre pantaloni a sinistra. Bisogna scegliere prima una maglia, cliccando sulla maglia si apre una pagina con la maglia scelta e poi si possono scegliere i pantaloni, una volta scelti i pantaloni si apre un'altra pagina con maglia e pantaloni insieme. Praticamente tante pagine quanti sono gli abbinamenti. Il tutto tramite link sulle immagini. Però sarebbe una pazzia.

Non conosco molto i codici, quasi per niente, qualcuno sa darmi qualche dritta per realizzare ciò?

Grazie a tutti...

Postato il
9 RISPOSTE - 2 UTILI - 1 CORRETTO
Mirko Boschetti
Mirko Boschetti
Moderator

guarda questo esempio con codice di KolAsim....

http://www.mirboprova.altervista.org/prova_beta_13/iframek.html

se ti prepari le immagini pronte di tutti i manichini con tutti i colori di maglie e pantaloni diversi, lo puoi fare....

ma sarà un lavoraccio preparare tutte le immagini, a meno che non hai già le foto pronte...wink

Leggi di più
Postato il da Mirko Boschetti
Davide T.
Davide T.
User
Autore

Ottimo, praticamente fai corrispondere i link al cambio immagine? Come si fa?

Leggi di più
Postato il da Davide T.
Davide T.
Davide T.
User
Autore

posso intuire che praticamente hai inserito un oggetto html forse?

Leggi di più
Postato il da Davide T.
Davide T.
Davide T.
User
Autore

<div><br></div><div class="fs12 ff1"><div><br></div><div><br></div><div style="text-align: center;"><a class="imLink" href="files/1.jpg" TARGET="centro">Visualizza Immagine 1</a></div></div><div class="fs12 ff1"><div style="text-align: center;"><a class="imLink" href="files/2.jpg" TARGET="centro">Visualizza Immagine 2</a></div><div><div style="text-align: center;"><a class="imLink" href="files/3.jpg" TARGET="centro">Visualizza Immagine 3</a></div></div></div><div><div><br></div><span class="fs12 ff1"></span><!--[if !supportLineBreakNewLine]--><br><span class="fs12 ff1"></span><!--[endif]--></div></div></div>

Praticamente ho individuato questo nel sorgente ma come lo faccio funzionare?

Leggi di più
Postato il da Davide T.
Mirko Boschetti
Mirko Boschetti
Moderator

se guardi il sorgente, trovi il codice dell' iframe dal rigo 190 in poi...wink

Leggi di più
Postato il da Mirko Boschetti
Mirko Boschetti
Mirko Boschetti
Moderator

ahahahaha...mi hai preceduto....wink

comunque si quello è il codice...come vedi le immagini sono tutte in cartella "files" e i link le richiamano...

Leggi di più
Postato il da Mirko Boschetti
Davide T.
Davide T.
User
Autore

Grazie mille...domani ci provo!!!

Grazie davvero...

Leggi di più
Postato il da Davide T.
Mirko Boschetti
Mirko Boschetti
Moderator

nel mio profilo trovi la mia mail, scrivimi che ti mando un progettino pronto cosi vedi il tutto....wink

Leggi di più
Postato il da Mirko Boschetti
Davide T.
Davide T.
User
Autore

Ok, pensavo anche un'altra cosa, se io "ritaglio" i contorni delle maglie e pantaloni e li metto in formato png per ottenere una trasparenza, così sotto posso far comparire l'immagine di un manichino. Così facendo sovrapponnendo le immagini dei vestiti posso dare l'impressione di vestire il manichino. Però dovrei poter sovrappore due oggetti nella stessa cella.

Comunque ok, ti scrivo con il mio contatto sulla tua mail, grazie mille...

Leggi di più
Postato il da Davide T.