Vai indietro   Scuola forum (scuo.la) - Forum di discussione per le scuole > Materie di Scuola > Informatica



Top 5 Stats
Latest Posts
Discussione    data, Ora  invio  Risposte  Visite   Forum
Vecchio Quale sostituto al farmaco equilibratore neurologico Bellergil?  28-03, 20:19  Sigismondo  1  29190   Medicina
Vecchio Nuove ricerche scientifiche per soluzioni al mal di testa  28-03, 08:43  Edith  1  423   Medicina
Vecchio Come fare per conservare nel tempo le tettarelle in caucciù?  24-03, 18:45  manuel  1  29147   Chimica
Vecchio Come gestire nomi simili nel creare rubrica telefonica Excel?  23-03, 08:34  Abramo  1  33581   Informatica
Vecchio Come funziona l'indice di Balassa e per cosa viene utilizzato?  22-03, 18:36  insu  1  35472   Economia
Vecchio Come recuperare impostazioni e dati Nokia X3 dopo aggiornamento?  22-03, 11:46  lorenzo  1  28545   Telefonia & Cellulari
Vecchio Quali danni provocoano la marijuana e l'hashis al corpo umano?  21-03, 08:33  Marcos  1  21502   Medicina
Vecchio Come fare per calcolare f.e.m. in questo esercizio sulla pila?  19-03, 13:03  Abramo  1  22955   Chimica
Vecchio E' possibile frequentare un anno da uditore e fare esami con agli altri?  18-03, 20:43  nevio  1  22618   Scuola in generale
Vecchio Quali esercizio post-operatori fare per un'ernia del disco?  17-03, 19:40  Sigismondo  1  23082   Medicina

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: 8
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: 8
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

Strumenti della discussione
Modalità di visualizzazione

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 02:05 AM.


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