Newsgroup: it.comp.www.html
Titolo: Visualizzare immagini nella stessa pagina: come?

Salve a tutti, gestisco un sito ultras:
http://www.tifonet.it/free/panthersfano77
che sto rinnovando. Nella vecchia versione (quella ancora online) avevo la
lista di foto in una pagina gallery.htm con una tabella con l'elenco delle
partite relative alle foto. Le voci dell'elenco le avevo linkate
direttamente alla foto, che veniva così visualizzata "nuda e cruda", con il
classico sfondo grigio del browser.
Sinceramente questa soluzione non mi piace: volevo far sì che le foto
comparissero in una pagina con lo sfondo del sito e con un menu a tendina in
fondo che rimandi alle varie sezioni. Poichè le foto sono centinaia però non
posso creare una pagina per ogni foto. Volevo sapere se è possibile,
cliccando su link corrispondenti a foto diverse, farle comparire sempre
nella stessa pagina, in cui cambi appunto solo l'immagine da visualizzare.
In caso affermativo sarei grato a chi mi fornisse spiegazioni per realizzare
questa cosa, considerando che non sono un esperto, tutt'altro.
Una soluzione alternativa poteva essere quella di aprire una finestra a
parte, delle dimensioni dell'immagine e contenente solo la foto. Anche in
questo caso non so dove mettere le mani ed inoltre non so quali delle 2
soluzioni e stilisticamente e concretamente migliore.
Grazie in anticipo a chi mi risponderà.
MICKY
____________________________________________________
http://www.tifonet.it/free/panthersfano77

 parte, delle dimensioni dell'immagine e contenente solo la foto.
anche questo si puo' fare con iPer, "inserisci >collegamento speciale >finestra
indipendente"
ciao
--
---------------------------------------------------------------
Visual Vision - 
http://visualvision.it/
 
http://visualvision.com
I leader del software ipertestuale.
Prova iPer Hyper Publish PRO: un'unica soluzione per realizzare
sia pagine Internet che CD-ROM!               [ASP, ESC member]

Michele Bartolucci <pant...@NOSPAMtifonet.it> wrote in message
8ablvg$2i2$1...@nslave1.tin.it...
|
| Salve a tutti, gestisco un sito ultras:
| 
http://www.tifonet.it/free/panthersfano77
| che sto rinnovando. Nella vecchia versione (quella ancora online) avevo la
| lista di foto in una pagina gallery.htm con una tabella con l'elenco delle
| partite relative alle foto. Le voci dell'elenco le avevo linkate
| direttamente alla foto, che veniva così visualizzata "nuda e cruda", con
il
| classico sfondo grigio del browser.
|
| Sinceramente questa soluzione non mi piace: volevo far sì che le foto
| comparissero in una pagina con lo sfondo del sito e con un menu a tendina
in
| fondo che rimandi alle varie sezioni. Poichè le foto sono centinaia però
non
| posso creare una pagina per ogni foto. Volevo sapere se è possibile,
| cliccando su link corrispondenti a foto diverse, farle comparire sempre
| nella stessa pagina, in cui cambi appunto solo l'immagine da visualizzare.
| In caso affermativo sarei grato a chi mi fornisse spiegazioni per
realizzare
| questa cosa, considerando che non sono un esperto, tutt'altro.
Si può fare con Javascript, chiamando l'immagine come parametro per una
pagina, ad esempio show.htm
La galleria potrebbe lincarti alla pagina "show.htm?image=curvasud.jpg"
In questo modo non dovresti usare i frame. Poi basta che usi un piccolo
script nella pagina show.htm e sei a posto. Dici di non essere un esperto,
beh, se vuoi usare questa soluzione rispondi sul NG che cerco di darti una
mano...
  | Una soluzione alternativa poteva essere quella di aprire una finestra a
  | parte, delle dimensioni dell'immagine e contenente solo la foto. Anche
in
  | questo caso non so dove mettere le mani ed inoltre non so quali delle 2
  | soluzioni e stilisticamente e concretamente migliore.
Per le finestre popup per mostrare le immagini trovi lo script già pronto
nelle FAQ, nella sezione Finestre, domanda n.1.
______________________________
Le faq di it.comp.www.html:
http://digilander.iol.it/tamburo

 mano...
Ciao, mi interessa questo tipo di soluzione... potresti spiegare meglio come
creare il link chiamante e che script inserire sulla pagina show.htm?
Grazie mille per la tua risposta.
Antonio

| Ciao, mi interessa questo tipo di soluzione... potresti spiegare meglio
come
| creare il link chiamante e che script inserire sulla pagina show.htm?
Uhm... Il link chiamante deve essere tipo show.htm?img=pippo.jpg
Lo script nella pagina, in JavaScript (altrimenti addio compatibilità...)
deve leggerti location.search, da lì fare un substring e quindi usare la
stringa ottenuta come nome del file, il qualedovrà essere inserito in un
document.write che scrive il link all'immagine.
Purtoppo non ho abbastanza tempo per mettermi lì a scrivere il
programmino... :(
Se conosci JavaScript in 20 minuti lo prepari.
Ciao
andrea/bergamasco

Beh, dai, per stavolta sono buono ;-)
Ecco qua lo script (ci ho messo meno di quanto avevo previsto: solo 10
minuti!!!)
Lo devi inserire nell'head della pagina show.htm (fra <head> e </head>)
Attenzione:puoi cambiare il nome del file (anche mostra.htm o quello che
vuoi) ma devi stare attento a modificare di conseguenza i link nella pagina
chiamante.
<script>
<!-- // nascondi ai vecchi browser
function load_image()
{
// original by andrea/bergamasco
// a.berga chiocciolina 
libero.it
// per cortesia non cancellate questi credits
var immagine = "";
var temp = location.search;
temp = temp.substring(1, temp.length);
immagine = temp;
document.write("<IMG src=" + immagine + ">")
}
// -->
</script>
Nel punto in cui vuoi che venga inserita l'immagine devi mettere:
<script>
<!-- //
load_image();
// -->
</script>
Il link all'immagine nella pagina che chiama si fa cosě:
<a href="show.htm?pippo.jpg">pippo</a>
e cosě via, ovvero dopo il nome della pagina metti un punto interrogativo e
il nome del file. Attento a non lasciare spazi vuoti perchč altrimenti avrai
problemi. (Quindi č meglio usare l'underscore _ nel nome dei file...)
Nel link puoi anche specificare il target, non succede nulla di strano.
Ciao!
andrea/bergamasco
P.S. se ci sono problemi scrivi sul NG.
P.S.2. per favore, non cancellare i credits dal codice. grazie.
--


 minuti!!!)
SEI GRANDE!!!
funziona perfettamente...  degno di essere pubblicato su 
www.html.it
davvero.
Ciao e grazie ancora
Meck

 Meck
Grazie per i complimenti!
magari lo inserirņ nel sito delle FAQ, visto che non sei l'unico che ha
avuto quel problema. Se poi inserisci lo script che scrive l'immagine in
una pagina fatta benino, allineata come si deve ecc, si possono ottentere
effetti interessanti.
Mi hai fatto venire un'idea...
<script>
<!-- // nascondi ai vecchi browser
function load_image()
{
// original by andrea/bergamasco
// a.berga chiocciolina 
libero.it
// per cortesia non cancellate questi credits
var immagine = "";
var temp = location.search;
temp = temp.substring(1, temp.length);
immagine = temp;
document.write("<img src=" + immagine + " alt=" + immagine + ">")
}
// -->
</script>
Una piccola modifica che fa vedere anche il testo alternativo...
Ciao
andrea/bergamasco

Aaaaahhhh! Ho sbagliato! Scusa ma dovrai ri-modificare lo script!
<script>
<!-- // nascondi ai vecchi browser
function load_image()
{
// original by andrea/bergamasco
// a.berga chiocciolina 
libero.it
// per cortesia non cancellate questi credits
var immagine = "";
var temp = location.search;
temp = temp.substring(1, temp.length);
immagine = temp;
document.write("<img src=" + immagine + " alt=\"" + immagine + "\">");
}
// -->
</script>
Adesso funziona meglio... era un "piccolo" errore di stringa... inoltre
mancava un punto e virgola.
Lo sapete gią che sono pignolo fino all'osso!
Ciao
andrea/bergamasco

 ha scritto nel messaggio
news:38E3099F...@libero.it...
