Vai indietro   Scuola forum (scuo.la) - Forum di discussione per le scuole > Materie di Scuola > Informatica
Come far comparire in uno spazio la foto del nome su cui clicco Come far comparire in uno spazio la foto del nome su cui clicco
Home Menu

Menu




Top 5 Stats
Latest Posts
Discussione    data, Ora  invio  Risposte  Visite   Forum
Vecchio Pubblicazione GPS Lombardia  13-08, 14:12  Igmarus  0  3662   Scuola in generale
Vecchio Chi soffre di emicrania e non sa come risolvere?  05-08, 03:07  androlite  0  1570   Medicina
Vecchio Cosa ne pensate delle nuove scoperte di Zamboni sulla sclerosi multipla?  05-08, 03:02  androlite  1  509   Medicina
Vecchio Perché secondo voi ci si sposa sempre di meno?  03-08, 17:36  androlite  6  29551   Religione
Vecchio Referto della risonanza magnetica (RM) del rachide lombo-sacrale  03-08, 17:33  androlite  2  12305   Medicina
Vecchio Caricabatteria che può dare lo spunto per far partire l'auto  03-08, 17:27  androlite  3  18462   Auto, Moto, Motori
Vecchio Come risolvere per lampadina moto da enduro che salta spesso  03-08, 17:23  androlite  4  13203   Auto, Moto, Motori
Vecchio Cosa fare per i pneumatici auto che non tengono la pressione  03-08, 17:19  androlite  5  14048   Auto, Moto, Motori
Vecchio Bisogna montare solo due o quattro gomme termiche d'inverno?  03-08, 17:09  androlite  6  10767   Auto, Moto, Motori
Vecchio Secondo voi siamo soli nell'universo?  03-08, 17:02  androlite  2  9650   Scienze

Rispondi
 
LinkBack Strumenti della discussione Modalità di visualizzazione
  #1 (permalink)  
Vecchio 10-23-2007, 02:21 PM
Junior Member
  
Registrato dal: Oct 2007
Messaggi: 4
predefinito

Come far comparire in uno spazio la foto del nome su cui clicco


Devi assegnare alla foto grande un id, ad esempio

codice HTML:
<img src="/percorso/dell/immagine.jpg" alt="Foto" "id="foto" />
e fare dei collegamenti per ogni persona di cui vuoi visualizzare la foto:

codice HTML:
<a href="#" onclick="getElementById('foto').src='/percorso/della/foto/1.jpg'">Foto 1</a>
<a href="#" onclick="getElementById('foto').src='/percorso/della/foto/2.jpg'">Foto 2</a>
<a href="#" onclick="getElementById('foto').src='/percorso/della/foto/3.jpg'">Foto 3</a>
e così via.
Volendo puoi anche alterare di volta in volta il tag alt dell'immagine:

codice HTML:
<a href="#" onclick="getElementById('foto').src='/percorso/della/foto/1.jpg'; getElementById('foto').alt='Foto 1'">Foto 1</a>
<a href="#" onclick="getElementById('foto').src='/percorso/della/foto/2.jpg'; getElementById('foto').alt='Foto 2'">Foto 2</a>
<a href="#" onclick="getElementById('foto').src='/percorso/della/foto/3.jpg'; getElementById('foto').alt='Foto 3">Foto 3</a>
Rispondi quotando
  #2 (permalink)  
Vecchio 10-23-2007, 11:03 PM
Junior Member
  
Registrato dal: Oct 2007
Messaggi: 18
predefinito
Quote:
Originariamente inviata da Tullio Visualizza il messaggio
Devi assegnare alla foto grande un id, ad esempio...[cut]
Ho provato e va: solo con Firefox però!
Con IE non cambia la foto!
A cosa è dovuto?
Grazie
Rispondi quotando
  #3 (permalink)  
Vecchio 10-24-2007, 11:33 AM
Junior Member
  
Registrato dal: Oct 2007
Messaggi: 6
predefinito
Ciao.
Prova ad utilizzare i codici indicati in questa pagina:
http://www.cryer.co.uk/resources/jav...show.htm#_self
Rispondi quotando
  #4 (permalink)  
Vecchio 10-24-2007, 11:35 AM
Junior Member
  
Registrato dal: Oct 2007
Messaggi: 18
predefinito
Quote:
Originariamente inviata da Clemente Visualizza il messaggio
Ciao.
Prova ad utilizzare i codici indicati in questa pagina:
Interessante!
Però se non sbaglio fa lo slide show per un solo link, invece a me serve che lo faccia quando clicco su link diversi...!
Rispondi quotando
  #5 (permalink)  
Vecchio 10-25-2007, 02:50 PM
Junior Member
  
Registrato dal: Oct 2007
Messaggi: 4
predefinito
Quote:
Originariamente inviata da serse Visualizza il messaggio
Ho provato e va: solo con Firefox però!
Con IE non cambia la foto!
A cosa è dovuto?
Grazie

Scusa, hai ragione!
Mi sono dimenticato che prima di
codice:
getElementById
devi scrivere
codice:
document.
in tutti i link.

Inoltre dove c'è scritto
codice:
 "id="foto"
va tirato via il primo doppio apice, quindi:
codice:
id="foto"
E' tutto e testato con Firefox, Konqueror, Opera e IE6 (con wine) e funziona con tutti.
Rispondi quotando
  #6 (permalink)  
Vecchio 10-25-2007, 04:09 PM
Junior Member
  
Registrato dal: Oct 2007
Messaggi: 18
predefinito
Ok, tutto funzionante.
Per chiarezza, riporto il codice:

codice:
<img src="immagini/0.jpg" alt="foto" name="foto" width="400" height="400" id="foto" />
E questo è quello che va applicato a tutti i link:
codice:
<a href="#" onclick="document.getElementById('foto').src = 'immagini/1.jpg'">Foto 1</a>
Ciao e grazie
Rispondi quotando
Rispondi

« Discussione precedente | Prossima discussione »

Regole d'invio
Non puoi inserire discussioni
Non puoi inserire repliche
Non puoi inserire allegati
Non puoi modificare i tuoi messaggi
BB code è attivo
Le smilie sono attive
Il codice IMG è attivo
il codice HTML è disattivato
Trackbacks are attivo
Pingbacks are attivo
Refbacks are attivo

Discussioni simili
Discussione Ha iniziato questa discussione Forum Risposte Ultimo messaggio
Come far comparire l'asse secondario X e Y in grafico Excel Isabel Informatica 1 07-08-2011 12:40 PM
Non credete che sia necessario uno spazio per la filosofia? AndreaC Domande & Suggerimenti 5 04-05-2010 03:00 AM
Spazio su HD ridotto pur non avendo immagazzinato altri file Alfredo Di Pietro Informatica 2 12-21-2009 09:46 PM
Salvare mail da Mozilla Thunderbird con il nome dell'oggetto serse Informatica 0 01-10-2009 05:24 PM
Copiare propri file di backup su spazio web o alternative? Edilio Informatica 6 11-21-2008 01:06 PM


Tutti gli orari sono GMT +2. Attualmente sono le 04:10 AM.

Contatta lo Staff - Ripassa le materie di scuola e aiuta gli studenti in difficoltà partecipando attivamente al forum creato per chi nelle scuole studia o insegna - Vai in cima

© Copyright 2008-2022 powered by sitiweb.re - P.IVA 02309010359 - Privacy policy - Cookie policy e impostazioni cookie