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
Printable View
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
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
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.
il sistema qui riportato funziona benissimo per quello che vuoi fare l'unica cosa che devi fare è questa: (sparo di farmi capire)Citazione:
Originalmente inviato da Saib
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ò :oops:
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?