Tavolozza colore

**lovatos** · 26-08-2004, 17:30

Ciao a tutti,
avrei bisogno di un grosso aiuto.

Ho un prodotto con una predefinita gamma di colorazioni.
La scheda dell'articolo deve mostrare come prima cosa l'immagine con la colorazione standard e a fianco l'elenco (testuale) di tutti i colori disponibili.
Passando onmouseover sul colore... l'immagine a lato deve cambiare e deve cambiare anche il suo link (devo far aprire l'ingrandimento).

Io di javascript so poco o nulla... qualcuno ha già realizzato qualcosa di simile e conosce un sito dal quale posso "attingere" ????

In alternativa potrei usare flash o iframes.. ma con js viene sicuramente un lavoro migliore...

Ringrazio ogni anima pia!

**var** · 26-08-2004, 17:39

prova così:

codice:

function cambia(link, immagine) {
 document.images['nomeimmagine'].src=immagine;
 document.links[numerolink-1].href=link;
}

da usare così:

codice:

Rosso

spero di aver ben capito...

**lovatos** · 26-08-2004, 17:59

Ciao, grazie della risposta immediata...
hai capito perfettamente.. ora sono io che ho qualche problema a fare funzionarne una parte.

Ovvero l'immagine cambia correttamente.. ma non so come scrivere la parte per far cambiare il link (dove ho messo i punti interrogativi)...

Grazie ancora

===========================

<head>
<script language="JavaScript" type="text/JavaScript">

</script>
</head>
<body>

Rosso
Verde
</body>

**var** · 26-08-2004, 18:09

come href metti quello di default.
inoltre, in che posizione si trova il link nella pagina?
è il primo, il secondo o cosa?

**lovatos** · 26-08-2004, 18:26

di link nella pagina ce ne sono tanti altri....

<img src=1.gif name=nomeimmagine border=0>

ok viene una cosa del genere...ma per farlo cambiare? devo dare un name o cosa?

scusami eh.. ma sono a digiuno o quasi di js.

**var** · 26-08-2004, 18:34

scusa, hai detto che carichi un'immagine di default, all'inizio?

allora metti:

codice:

[img]immaginedefault.jpg[/img]

ora, però, per cambiare anche l'href del link, devi sapere in che posizione si trova nella pagina.

per esempio, se è il decimo link metti:

codice:

function cambia(link, immagine) {
 document.images['nomeimmagine'].src=immagine;
 document.links[9].href=link;
}

ok?

**lovatos** · 26-08-2004, 18:42

No

mi sono perso,
premetto che la pagina è dinamica in php quindi mi sarebbe difficile calcolare il numero del link... ammettiamo che non ci siano altri collegamenti

usando l'esempio che riporto... l'immagine cambia.. ma il link rimane default...

dove sbaglio????

===============================
<head>
<script language="JavaScript" type="text/JavaScript">

</script>
</head>
<body>

Rosso
Verde
</body>

**var** · 26-08-2004, 18:45

allora prova così:

codice:

[img]immaginedefault.jpg[/img]

e la funzione la cambi così:

codice:

function cambia(link, immagine) {
 document.images['nomeimmagine'].src=immagine;
 document.getElementById('miolink').href=link;
}

fammi sapere.

**lovatos** · 26-08-2004, 18:46

ps forse mi sono spiegato male io...

mi accorgo ora di una cosa... vedo che il link appare correttamente collegata al colore.. io però dovrei far cambiare anche il link dell'immagine.. ho il dubbio di non essermi spiegato bene..

in pratica passo su "Rosso".... cambia l'immagine... clicco sull'immagine si deve aprire il linkrosso come se cliccassi sulla scritta "Rosso"....

scusa l'italiano da 3° elementare

**lovatos** · 26-08-2004, 18:48

PERFETTO...

funziona.. come posso sdebitarmi ????

Discussione: Tavolozza colore

Strumenti discussione

Ricerca discussione

Visualizza

Tavolozza colore

Permessi di invio