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 Quali metodologie didattiche innovative per insegnare italiano?  03-04, 15:14  Scuola  3  15619   Italiano & Letteratura italiana
Vecchio Dove guardare le partite di calcio in streaming in Germania?  09-02, 12:35  Eugensmalm  5  22266   Informatica
Vecchio Come scegliere lo sport perfetto? Quali criteri valutare?  03-02, 07:03  Eugensmalm  23  69691   Educazione Fisica
Vecchio Gli esami d'integrazione ITIS Avogadro di Torino sono difficili?  31-01, 11:14  Eugensmalm  2  9562   Scuola in generale
Vecchio Come calcolare percentuale totale di occupazione alberghiera?  23-12, 23:44  JoseMaria  2  7567   Matematica
Vecchio Come trovare l'insieme di definizione per risolvere disequazione?  23-12, 23:43  JoseMaria  5  10385   Matematica
Vecchio Quali passaggi nel risolvere equazione coi numeri complessi?  23-12, 23:42  JoseMaria  2  9974   Matematica
Vecchio C'è molta discalculia o è l'insegnamento poco personalizzato?  23-12, 23:40  JoseMaria  2  9889   Matematica
Vecchio Come studiare convergenza serie ∑n=1∞ sin(n!)2^[-n^2-log(n)+cos(n)]?  23-12, 23:40  JoseMaria  2  13426   Matematica
Vecchio Come determinare dimensione e base di U, V e intersezione?  23-12, 23:39  JoseMaria  2  9563   Matematica

Rispondi
 
LinkBack Strumenti della discussione Modalità di visualizzazione
  #1 (permalink)  
Vecchio 10-23-2007, 11:12 AM
Junior Member
  
Registrato dal: Oct 2007
Messaggi: 18
predefinito

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


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
  #2 (permalink)  
Vecchio 10-23-2007, 02: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
  #3 (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
  #4 (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
  #5 (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
  #6 (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
  #7 (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
  #8 (permalink)  
Vecchio 10-23-2007, 03: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
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 11:47 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