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 Dove guardare le partite di calcio in streaming in Germania?  09-02, 13:35  Eugensmalm  5  19948   Informatica
Vecchio Come scegliere lo sport perfetto? Quali criteri valutare?  03-02, 08:03  Eugensmalm  23  68522   Educazione Fisica
Vecchio Gli esami d'integrazione ITIS Avogadro di Torino sono difficili?  31-01, 12:14  Eugensmalm  2  9022   Scuola in generale
Vecchio Come calcolare percentuale totale di occupazione alberghiera?  24-12, 00:44  JoseMaria  2  7029   Matematica
Vecchio Come trovare l'insieme di definizione per risolvere disequazione?  24-12, 00:43  JoseMaria  5  10208   Matematica
Vecchio Quali passaggi nel risolvere equazione coi numeri complessi?  24-12, 00:42  JoseMaria  2  9795   Matematica
Vecchio C'è molta discalculia o è l'insegnamento poco personalizzato?  24-12, 00:40  JoseMaria  2  9592   Matematica
Vecchio Come studiare convergenza serie ∑n=1∞ sin(n!)2^[-n^2-log(n)+cos(n)]?  24-12, 00:40  JoseMaria  2  11738   Matematica
Vecchio Come determinare dimensione e base di U, V e intersezione?  24-12, 00:39  JoseMaria  2  9242   Matematica
Vecchio Come determinare la perpendicolare comune alle due rette r e s?  24-12, 00:37  JoseMaria  2  8969   Matematica

Rispondi
 
LinkBack Strumenti della discussione Modalità di visualizzazione
  #1 (permalink)  
Vecchio 10-22-2007, 10:10 AM
Junior Member
  
Registrato dal: Oct 2007
Messaggi: 18
predefinito 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


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
Rispondi quotando
  #2 (permalink)  
Vecchio 10-23-2007, 10:14 AM
Junior Member
  
Registrato dal: Jun 2007
Messaggi: 15
predefinito
Ciao,
fammi capire, praticamente stai dicendo che hai una foto principale in alto e sotto un elenco di "collegamenti", la foto principale deve cambiare dinamicamente secondo il "collegamento" selezionato senza che questi cambino realmente la pagina (ma solo l'immagine)? Dunque con javascript.
Rispondi quotando
  #3 (permalink)  
Vecchio 10-23-2007, 10:15 AM
Junior Member
  
Registrato dal: Oct 2007
Messaggi: 18
predefinito
Quote:
Originariamente inviata da daniele Visualizza il messaggio
Ciao,
fammi capire, praticamente stai dicendo che hai una foto principale in alto e sotto un elenco di "collegamenti", la foto principale deve cambiare dinamicamente secondo il "collegamento" selezionato senza che questi cambino realmente la pagina (ma solo l'immagine)? Dunque con javascript.
Esatto!
Hai idea di come fare?
Grazie
Rispondi quotando
  #4 (permalink)  
Vecchio 10-23-2007, 12:10 PM
Junior Member
  
Registrato dal: Jun 2007
Messaggi: 9
predefinito
Ci sono due possibilità:
Che le foto sono sempre presenti nella pagina (in modo nascosto), quindi con un tempo più lungo di caricamento della pagina (magari in modo invisibile) e si può pensare di farlo con i soli CSS (con modifiche).

Altrimenti le foto vengono caricate di volta in volta (al click) con un tempo di attesa dopo il click, e qui occorre JavaScript o un intervento lato server.
A te la scelta di quale soluzione implementare.
Rispondi quotando
  #5 (permalink)  
Vecchio 10-23-2007, 12:12 PM
Junior Member
  
Registrato dal: Oct 2007
Messaggi: 18
predefinito
Quote:
Originariamente inviata da michele Visualizza il messaggio
Ci sono due possibilità:
Che le foto sono sempre presenti nella pagina (in modo nascosto), quindi con un tempo più lungo di caricamento della pagina (magari in modo invisibile) e si può pensare di farlo con i soli CSS (con modifiche).

Altrimenti le foto vengono caricate di volta in volta (al click) con un tempo di attesa dopo il click, e qui occorre JavaScript o un intervento lato server.
A te la scelta di quale soluzione implementare.
Mi interesserebbe di più la seconda possibilità, quella con il Javascript, ma voglio valutare anche la prima. Non hai una qualche dritta, una guida, un link che spieghi come fare?
Grazie mille
Rispondi quotando
  #6 (permalink)  
Vecchio 10-23-2007, 03:21 PM
Junior Member
  
Registrato dal: Oct 2007
Messaggi: 4
predefinito
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
  #7 (permalink)  
Vecchio 10-23-2007, 04:29 PM
Junior Member
  
Registrato dal: Jun 2007
Messaggi: 9
predefinito
Quote:
Originariamente inviata da serse Visualizza il messaggio
Mi interesserebbe di più la seconda possibilità, quella con il Javascript, ma voglio valutare anche la prima. Non hai una qualche dritta, una guida, un link che spieghi come fare?
Grazie mille
La prima soluzione utilizza tecniche che sono presenti nelle gallerie. Tu pero` hai una serie di link testuali al posto dei link ad immagine delle gallerie "standard".
Puoi fare una ricerca in rete con la parola "galleria" ("gallery").

Per la seconda, ormai te l'hanno già detta!

Nota che la soluzione con JS e` non-accessibile: se JS non e` abilitato la pagina non ha senso. Non e` quindi utilizzabile per pagine di amministrazioni pubbliche o dove si vuole fare pagine universali.
Rispondi quotando
  #8 (permalink)  
Vecchio 10-24-2007, 12:03 AM
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
  #9 (permalink)  
Vecchio 10-24-2007, 12:33 PM
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
  #10 (permalink)  
Vecchio 10-24-2007, 12:35 PM
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
  #11 (permalink)  
Vecchio 10-25-2007, 03: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
  #12 (permalink)  
Vecchio 10-25-2007, 05: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 01:40 PM
Non credete che sia necessario uno spazio per la filosofia? AndreaC Domande & Suggerimenti 5 04-05-2010 04:00 AM
Spazio su HD ridotto pur non avendo immagazzinato altri file Alfredo Di Pietro Informatica 2 12-21-2009 10:46 PM
Salvare mail da Mozilla Thunderbird con il nome dell'oggetto serse Informatica 0 01-10-2009 06:24 PM
Copiare propri file di backup su spazio web o alternative? Edilio Informatica 6 11-21-2008 02:06 PM


Tutti gli orari sono GMT +2. Attualmente sono le 07:57 PM.

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