ingrandire una immagine al passaggio del mouse

gomas

Nuovo Utente
18 Dic 2008
1
0
0
chi puo aiutarmi? vorrei poere ingrandire una immagine al passaggio del mouse in un sito web? aiuto
 

dance03

Nuovo Utente
15 Giu 2009
5
0
0
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
schermata-002.jpg
Dance03
 

Fez Vrasta

Utente Attivo
11 Mag 2013
409
0
0
jQuery:
Codice:
$(".thumb").hover( function() {
  var big = "/big/" + $(this).attr("data-big");
  $(".big").attr("src", big);
});

HTML:
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.
 

dance03

Nuovo Utente
15 Giu 2009
5
0
0
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
 
Discussioni simili
Autore Titolo Forum Risposte Data
L CSS, cambiare i colori della barra e ingrandire una immagine WordPress 1
matteoraggi Ingrandire i moduli dei form con css HTML e CSS 2
Shyson ingrandire immagine png Webdesign e Grafica 1
Shyson Ingrandire ico Webdesign e Grafica 0
P Non riesco a mettere al centro i tasti e ingrandire la select PHP 10
A Ingrandire Unity Web Player Javascript 17
S Ingrandire testo in un campo input HTML e CSS 6
C FP2003 - Ingrandire immagini piccole con click o al passaggio del mouse Webdesign e Grafica 1
B Ingrandire un'immagine con Gimp Webdesign e Grafica 4
S ingrandire immagine al passaggio del mouse Javascript 8
T ingrandire immagine Javascript 5
M tooltip per ingrandire immagine, con fireofox Javascript 0
C photoshopCS:ingrandire immagini Webdesign e Grafica 1
P C# Salvare una colonna del DataGridView XML 0
M pulsante per aprire una maschera che contiene controllo schede MS Access 0
M Leggere in un report il valore di una casella combinata di una maschera Database 0
D Miglior modo per estrarre le occorrenze di un elemento in un set di più file xml e quindi scrivere il risultato in una tabella Excel o magari in JSON XML 0
S [VB.NET]: Coordinate immagini dentro una PictureBox Visual Basic 0
I stampare una stringa echo PHP 2
MarcoGrazia Riprendere una sessione interrotta PHP 0
L Rendere una parte trasparente Photoshop 3
K [PHP] Aggiungere caratteri ad una stringa in base alla lunghezza della stessa PHP 2
K Visualizzare del html responsive in una Webview Sviluppo app per Android 0
otto9due Ordinare option di una select Javascript 5
N Come si crea una variabile dinamica da incrementare? Javascript 1
L Eliminazione di una pagina dalla gallery SEO e Posizionamento 0
otto9due Proteggere una cartella e file con password tramite .htaccess e .htpasswd Web Server 0
L Riempimento di una tabella al click di un bottone Javascript 1
R Variabile non risconosciuta dentro una funzione PHP 1
C ACCESS Aprire maschera se valore non presente in una combo MS Access 7
A media degli elementi estratti da una query MySQL 0
spider81man Eliminare primo ed ultimo carattere di una colonna MySQL 0
pacemattia408 disattivazione di una function Javascript 4
G Eliminare l'effetto refresh di una pagina internet PHP 8
otto9due Inserire o aggiornare tabella my sql controllando una coppia di valori PHP 7
M Select Option dentro una Table jQuery 2
Couting95 inserire dati da un file di testo in una tabella in php PHP 1
Y Stampare da php su un foglio A6 attraverso una stampante esterna PHP 1
E Scrivere una data corrente in un pdf PHP 1
Sergio Unia Problema con gli eventi del mouse su una data table: Javascript 2
I Assegnare dati fetch request ad una variabile globale Javascript 0
Shyson Puntare ad una sotto directory WordPress 3
Stex1967 Salvare una immagine che si trova su porta TCP 8080 di altro sito PHP 7
S Selezionare ultimo record di una sotto query MySQL 27
V Query per una somma PHP 2
L Mysql: Nascondere le pagine dopo una ricerca PHP 1
L salvare una immagine elaborata in canvas Javascript 1
L salvare una immagine elaborata in canvas Javascript 1
W visualizzare solo file html e sottocartelle di una cartella PHP 1
W Elenco dei link del file presenti in una cartella PHP 2

Discussioni simili