Passaggio del mouse

Guardate la struttura di questa pagina:
http://elypurple.altervista.org/lavoro.htm

Vorrei che passando con il mouse sulle foto piccole comparisse nel riquadro a destra l'immagine ingrandita.

Qualcuno sa come posso fare? Grazie. Ely

[mgs]

Penso che con javascrpt si possa fare benissimo ma sikkome io non conosco bene javascript l'avrei fatto con flash... il meccanismo è semplice lo fai on mouse over (ovviamente lo imposti come pulsante) fai GotoAndStop e ogni fotogramma ci metti un img diversa nel riquadro grande....

Non so se mi hai capito... magari te l'ho spiegato in maniera un po' grazza ;)

Sull'immaginona grande aggiungi qualcosa come: id="imgrande"
In pratica dovrebbe diventare
<img id="igrande" src="sfondo-lavoro.jpg" width="257" height="284">

Poi in tutti i tag delle immagini piccole aggiungi:
onmouseover="igrande.src = 'quellochevuoi.jpg'"

dove quellochevuoi.jpg è l'immagine che vuoi che compaia a destra.

Spero che funga perchè ho scritto un po' a memoria...

Buon lavoro

[gve]

Ciao ely, la cosa si può fare con javascript come dice mgs; io all'inizio infatti per le mie foto avevo usato una cosa del genere, però poi risultava pesante per cui ho usato il php visto che passando da digilander a altervista avevo a disposizione questo potente strumento (ma magari dipendeva da mia inperizia col javascript).

Il fatto è che in php esattamente quello che vuoi fare tu non si può fare, ciò che si potrebbe fare (ed è anche abbastanza semplice) e far si che quando uno clicka sull'immagine nella cella a dx compaia la foto grande.

Sull'immaginona grande aggiungi qualcosa come: id="imgrande"
In pratica dovrebbe diventare
<img id="igrande" src="sfondo-lavoro.jpg" width="257" height="284">

Poi in tutti i tag delle immagini piccole aggiungi:
onmouseover="igrande.src = 'quellochevuoi.jpg'"

dove quellochevuoi.jpg è l'immagine che vuoi che compaia a destra.

Spero che funga perchè ho scritto un po' a memoria...

Buon lavoro

il sistema qui riportato funziona benissimo per quello che vuoi fare l'unica cosa che devi fare è questa: (sparo di farmi capire)

tu nella cartella LAVORO hai delle jpg dimensionate a 70x70 mentre la jpg sfondo-lavoro ha una dimensione di 257x284 quindi dovresti fare nella cartella LAVORO delle jpg dimensionate a 257x284 in modo da avere per esempio la 13.jpg 70x70 e la 13jpg 257x284 cosi nella cella centrale carichi la 13.jpg 70x70 mentre quella da visualizzare nella cella di destra sarà la 13.jpg 257x284

ecco 2 righe come esempio

questa e la riga che fa si che appena passi con il mouse l'immagine 13.jpg venga visualizzata nella cella di destra

<img src="LAVORO/13.jpg" onmouseover="imgrande.src = 'LAVORO/13b.jpg'" width="70" height="70" vspace="3" hspace="3">

la prima jpg sarà quella con dimensioni 70x70 la seconda 257x284


questa e la riga della cella di destra:

<p align="center"><img id="imgrande" src="sfondo-lavoro.jpg" width="257" height="284"></p>

vai qui per vedere il risultato solo che io non ho messo le jpg a 257x284

http://tammax.altervista.org/test

speriamo mi sia spiegato almeno un pò

Perfetto!!!
Ecco il risultato: http://elypurple.altervista.org/icolori.htm
Praticamente non posso più usare le piccole 70x70 altrimenti mi vengono deformate...

Ringrazio tutti per l'aiutone!!!

Ah...un'altra cosa...se volessi che comparisse una breve descrizione a sx posso fare la stessa cosa, basta mettere un id che richiama l'immagine?