ingrandire una immagine al passaggio del mouse

[gomas]

chi puo aiutarmi? vorrei poere ingrandire una immagine al passaggio del mouse in un sito web? aiuto

 

[borgo italia]

ciao
prova a guardare questo link

https://www.mrw.it/css/articoli/effetto-zoom-immagine-css_935.html

 

[dance03]

Cari amici ciao a tutti
sarei infinitamente grato a voi se qualcuno mi puo trascrivere lo script in html per realizzare quanto vi ho allegato nell' immagine.
In pratica, al passaggio del mouse sulla miniatura, a destra dovrebbe apparire l'immagine ingrandita.
Ho realizzato una tabella con dreamweaver divisa in 2 ( i bordi li eliminero' in seguito)
Se riesco con lo script dovuto, in seguito provero' ad inserire altre immagini studiando come fare :book:
ahimè, non sono proprio afferrato, lo ammetto, con javascript..
Ecco la foto per darvi l'idea di quello che vorrei realizzare.
Vi ringrazio di cuore ( nella foto sono io.. )
se mi aiutate, vi regalero' volentieri un mio cd, sperando che il genere vi piaccia

Dance03

 

[Fez Vrasta]

jQuery:

$(".thumb").hover( function() {
  var big = "/big/" + $(this).attr("data-big");
  $(".big").attr("src", big);
});

HTML:

<div class="thumbnails">
  <img src="/thumbs/1.jpg" data-big="big1.jpg" class="thumb" />
  <img src="/thumbs/ciao.jpg" data-big="vacanze.PNG" class="thumb" />
</div>
<div class="bigbox">
  <img src="/big/big1.jpg" class="big" />
</div>

Metti nella cartella /thumbs le miniature delle immagini, e nella cartella /big le immagini originali.

dentro a data-big scrivi il nome dell'immagine grande corrispondente.

 

[Fez Vrasta]

Ti ho preparato un piccolo esempio.
Normalmente non ho uno spazio FTP su JSfiddle quindi ho usato percorsi HTTP, ma rende l'idea

http://jsfiddle.net/MUmBR/

(ps, voglio il CD xD)

 

[dance03]

Grazie di cuore Fez Vrasta, veramente, ma non sono ancora riuscito,
vorrei allegarti con la funzione "allegati"
uno zip ma non mi permette di farlo in questo form come risposta ...why?

Nello zip c'è la pagina html, 2 cartelle big e thumb con foto di esempio, per vedere se
riesci a creare una pagina di esempio..
mi chiedo sempre come puo' la miniatura essere a posizionata nella colonna di sinistra e la foto grande apparire nella colonna di destra
event. te la mando via mail e poi la facciamo vedere agli amici del forum?
Cosi mi dai il tuo indirizzo per spedirti il CD :fonzie:
Ciaooo e grazie

 

[Fez Vrasta]

Vedi se così ti è più chiaro.

http://jsfiddle.net/GFvTu/2/

Comunque preferirei una versione digitale xD