Come far visualizzare la foto del link cliccato

lunedì 22 ottobre 2007 - 22.25

ghisirds Profilo | Junior Member

Ciao,
sto facendo una pagina html/css di un elenco di persone, in cui in alto vi è la foto e sotto c'è l'elenco.
Io vorrei che al cliccare del nome dell'elenco, il browser mi riporti in alto (con l'ancora) e mi visualizzi la foto della persona.
Lo spazio per l'immagine è uno solo e le foto sono una cinquantina.
Come faccio quindi a far comparire in quello spazio la foto del nome su cui clicco?
Grazie

__________________
http://www.idee-regalo.biz/ - http://www.giftideashop.net/

koolmind Profilo | Junior Member

Se ho capito la tua pagina è fatta così:

UN SEGNAPOSTO PER LA FOTO

Nome 1
Nome 2
Nome 3...

E tu vorresti far apparire la foto di Mario Rossi nell'apposito riquadro, quando clicchi sul suo nome... GIUSTO?

Prima cosa: ti serve un JavaScript. Se non sei disposto ad usare Javascript prova con una soluzione alternativa coi soli CSS (ma non è necessariamente migliore... se non per l'accessibilità). Trovi qualcosa su cssplay.co.uk

La soluzione javascript potrebbe invece essere questa:

JAVASCRIPT --------------- <script> function mostraFoto(pic) { var contenitore = document.getElementById('foto'); foto.src = pic; } </script> HTML ------ <body> <img src="foto0.jpg" id="foto" /> <p><a href="#" onclick="mostraFoto('fotoMario.jpg'); return false;">MARIO ROSSI</a></p> <p><a href="#" onclick="mostraFoto('fotoCarlo.jpg'); return false;">CARLO BIANCHI</a></p> </body>

testato sia con Firefox che con IE7... funziona.

Fammi sapere se ti piace e se hai bisogno di una mano con qualcos'altro... per la fattura ci mettiamo d'accordo!



-----------------------------------------------------------------
koolmind
Dice il saggio: Non ci sono domande difficili, solo risposte che non conosciamo.

ghisirds Profilo | Junior Member

Funziona tutto benissimo!
Non bisogna però mettere nel'ID un nome con trattini, giusto?
Non mi andava con IE sennò!
Ciao e grazie

koolmind Profilo | Junior Member

Eh beh! è sempre buona abitudine mettere l'underscore (ossia il _ ). Il trattino fa spesso confusione!

-----------------------------------------------------------------
koolmind
Dice il saggio: Non ci sono domande difficili, solo risposte che non conosciamo.

ghisirds Profilo | Junior Member

in realtà ho scoperto che c'era un doppio apice di troppo, quindi va sia con i trattini che con l'underscore...!

koolmind Profilo | Junior Member

Meglio no?

-----------------------------------------------------------------
koolmind
Dice il saggio: Non ci sono domande difficili, solo risposte che non conosciamo.
Partecipa anche tu! Registrati!
Hai bisogno di aiuto ?
Perchè non ti registri subito?

Dopo esserti registrato potrai chiedere
aiuto sul nostro Forum oppure aiutare gli altri

Consulta le Stanze disponibili.

Registrati ora !
Copyright © dotNetHell.it 2002-2024
Running on Windows Server 2008 R2 Standard, SQL Server 2012 & ASP.NET 3.5