Valutazione 4.87/ 5 (100.00%) 5838 voti

Condividi:        

Miniature che... crescono

Problemi di HTML? Di PHP, ASP, .NET, JSP, Perl, SQL, JavaScript, Visual Basic..?
Vuoi realizzare programmi in C, C++, Java, Ruby o Smalltalk, e non sai da che parte cominciare?
Entra qui e troverai le risposte!

Moderatori: Triumph Of Steel, archimede

Miniature che... crescono

Postdi Gianluca19 » 13/07/05 10:43

Ciao a tutti.
Nel mio sito vorrei fare in modo che, passando con il cursore sulle miniature delle foto che si trovano su un lato della pagina, sul lato opposto appaia la relativa immagine ingrandita.
Vi sarei molto grato se potreste indicarmi come riuscire a fare ciò.
Gianluca
Gianluca19
Newbie
 
Post: 7
Iscritto il: 13/07/05 09:44

Sponsor
 

Postdi archimede » 13/07/05 11:13

Forse qualcosa del genere:
Codice: Seleziona tutto
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html><head>
<title>DHTML Test</title>
<script language="JavaScript1.2">
<!--
function preload(imgObj,imgSrc) {
   if (document.images) {
      eval(imgObj+' = new Image()');
      eval(imgObj+'.src = "'+imgSrc+'"');
   }
}
function changeImage(layer,imgName,imgObj) {
   if (document.layers && layer!=null) eval('document.'+layer+'.document.images["'+imgName+'"].src = '+imgObj+'.src');
   else document.images[imgName].src = eval(imgObj+".src");
}

preload('imageA','imageA.gif');
preload('imageB','imageB.gif');
preload('imageC','blank.gif');
//-->
</script>
</head>
<body>
<a href="javascript:void(null)"
onMouseOver="changeImage('imgDiv','myImg','imageA')"
onMouseOut="changeImage('imgDiv','myImg','imageC')">Immagine A</a>
<a href="javascript:void(null)"
onMouseOver="changeImage('imgDiv','myImg','imageB')"
onMouseOut="changeImage('imgDiv','myImg','imageC')">Immagine B</a>
<div id="imgDiv">
<img name="myImg" src="blank.gif" border=0>
</div>
</body></html>
HTH.

Alessandro

PS: complimenti per il titolo.
archimede
Moderatore
 
Post: 2755
Iscritto il: 07/11/02 12:41
Località: Genova

miniature che.. crescono

Postdi Gianluca19 » 14/07/05 09:53

GRAZIEEE!
Ti ringrazio molto per l'aiuto ma ti devo chiedere di essere (per me) un pò più preciso nell'indicarmi come utilizzare il codice. Tieni conto che utilizzo Front Page per realizzare e modificare il mio sito (lo so, non è il max ma per ora è quanto..).
In particolare al posto di http://www.w3.org/TR/html4/loose.dtd devo mettere l’url della mia pagina dove voglio avere l’effetto desiderato?
Comunque, a scanso di equivoci,
se vai all'indirizzo http://www.lucapalmieri.it/images/egypt/egypt.html e poi clicchi sulla cartina dell'egitto in corrispondenza di una delle località indicate, si apre una finestra che mostra perfettamente l'effetto che vorrei ottenere!
Grazie ancora.

p.s. gajardo il titolo eh?
Gianluca19
Newbie
 
Post: 7
Iscritto il: 13/07/05 09:44

Re: miniature che.. crescono

Postdi archimede » 14/07/05 16:40

Gianluca19 ha scritto:Tieni conto che utilizzo Front Page per realizzare e modificare il mio sito (lo so, non è il max ma per ora è quanto..).
Per fare le prove con il mio codice notepad è più che sufficiente (e probabilmente meglio di FP).
Gianluca19 ha scritto:In particolare al posto di http://www.w3.org/TR/html4/loose.dtd devo mettere l’url della mia pagina dove voglio avere l’effetto desiderato?
No. Devi prendere 2 gif qualsiasi e rinominarle imageA.gif e imageB.gif, prendere una terza gif vuota e rinominarla blank.gif, mettere il codice da me postato in una nuova pagina html (senza modifiche), mettere la pagina e le 3 gif nella stessa cartella e aprire la pagina.
Gianluca19 ha scritto:se vai all'indirizzo http://www.lucapalmieri.it/images/egypt/egypt.html e poi clicchi sulla cartina dell'egitto in corrispondenza di una delle località indicate, si apre una finestra che mostra perfettamente l'effetto che vorrei ottenere!
Ovviamente quello da me postato non vuole essere una soluzione completa, bensì una bozza su cui poi dovrai lavorare per ottenere un risultato analogo, ma è possibile farlo.

Buon lavoro.

Alessandro

PS: per inciso, puoi anche studiarti il codice della pagina da te linkata (se usi IE, Visualizza --> HTML).
archimede
Moderatore
 
Post: 2755
Iscritto il: 07/11/02 12:41
Località: Genova


Torna a Programmazione


Topic correlati a "Miniature che... crescono":


Chi c’è in linea

Visitano il forum: Nessuno e 4 ospiti