IFRAME, confusione

**Braco** · 30-01-2007, 14:05

Non riesco a far apparire le immagini nella pag. principale, ho fatto cosi:

Pag thumbs-fabio.htm che contiene le foto originali

codice:

[img]cartella-fabio/la-sfida.jpg[/img]</a>
[img]cartella-fabio/happy.jpg[/img]</a>

Pag principale che richiama il frame che contiene le foto originali

codice:

<IFRAME img src="thumbs-fabio.htm" width="240" height="520" scrolling="auto" frameborder="1"></IFRAME>

ora, come faccio con il click sulla foto thumbs (piccola) a farla aprire di dimensioni normali nella pag principale?

**jos3ph** · 30-01-2007, 14:34

Originariamente inviato da Braco
Non riesco a far apparire le immagini nella pag. principale, ho fatto cosi:

Pag thumbs-fabio.htm che contiene le foto originali

codice:

[img]cartella-fabio/la-sfida.jpg[/img]</a>
[img]cartella-fabio/happy.jpg[/img]</a>

Pag principale che richiama il frame che contiene le foto originali

codice:

<IFRAME img src="thumbs-fabio.htm" width="240" height="520" scrolling="auto" frameborder="1"></IFRAME>

ora, come faccio con il click sulla foto thumbs (piccola) a farla aprire di dimensioni normali nella pag principale?

non puoi.
devi usare un linguaggio lato server (php,asp, scegli tu...) che controlli se nell'indirizzo della pagina principale è stata passata anche l'informazione sulla foto da visualizzare, se non c'è quell'informazione apre l'iframe con contenuto il thumb, se c'è apre l'iframe con contenuto l'immagine.

**Braco** · 30-01-2007, 14:38

Originariamente inviato da jos3ph
non puoi.
devi usare un linguaggio lato server (php,asp, scegli tu...) che controlli se nell'indirizzo della pagina principale è stata passata anche l'informazione sulla foto da visualizzare, se non c'è quell'informazione apre l'iframe con contenuto il thumb, se c'è apre l'iframe con contenuto l'immagine.

Guarda la pag http://www.photoman.altervista.org/foto-fabio.htm si tratta solo di creare il collegamento

**jos3ph** · 30-01-2007, 15:08

Originariamente inviato da Braco
Guarda la pag http://www.photoman.altervista.org/foto-fabio.htm si tratta solo di creare il collegamento

io ti ho suggerito il modo di farlo in modo dinamico, per farlo come lo vuoi tu devi creare tante pagine principali quante sono le thumbs, e linkarle singolarmente.
con i linguaggi statici come html non puoi far cambiare dinamicamente l'immagine di una pagina statica in base alla scelta dell'utente

**elysaweb** · 30-01-2007, 15:13

con l'iframe mi sembra una soluzione un po' strana...

potresti invece, se non vuoi usare linguaggi dinamici, fare un frameset con 2 frame, su uno metti le immagini e sull'altro le fai caricare..
ovviamente si tratta di creare una pagina per ogni foto, ma non mi sembrano molte!

io cmq sconsiglio sempre i frame.. piuttosto crea un slideshow in javascript, nelle apposite sezioni trovi molti script già pronti!

**Braco** · 30-01-2007, 15:34

Originariamente inviato da elysaweb
con l'iframe mi sembra una soluzione un po' strana...

potresti invece, se non vuoi usare linguaggi dinamici, fare un frameset con 2 frame, su uno metti le immagini e sull'altro le fai caricare..
ovviamente si tratta di creare una pagina per ogni foto, ma non mi sembrano molte!

io cmq sconsiglio sempre i frame.. piuttosto crea un slideshow in javascript, nelle apposite sezioni trovi molti script già pronti!

Se io creo il collegamento alla foto thumbs, non posso far aprire la foto grande nella pag principale?

**Braco** · 31-01-2007, 01:27

Originariamente inviato da elysaweb
con l'iframe mi sembra una soluzione un po' strana...

potresti invece, se non vuoi usare linguaggi dinamici, fare un frameset con 2 frame, su uno metti le immagini e sull'altro le fai caricare..
ovviamente si tratta di creare una pagina per ogni foto, ma non mi sembrano molte!

io cmq sconsiglio sempre i frame.. piuttosto crea un slideshow in javascript, nelle apposite sezioni trovi molti script già pronti!

Ho creato un FRAMESET con le 2 pagine htm, ma non appare niente nella index.htm, solo "Clicca sulle foto", posto il codice completo

:

codice:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//IT" "http://www.w3.org/TR/html4/frameset.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>Index</title>
</head>

<p valign="top"align="left"><font face="arial" size="4">Clicca sulle foto</font></p>

<FRAMESET COLS="240,*">
<frame name="thumbs-fabio" src="thumbs-fabio.htm" scrolling="auto">
<frame name="foto-fabio" src="foto-fabio.htm" scrolling="auto">
</FRAMESET> 


</body>
</html>

**elysaweb** · 31-01-2007, 12:13

Codice completo e funzionante:

index.htm

codice:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//IT" "http://www.w3.org/TR/html4/frameset.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>Index</title>
</head>

<FRAMESET COLS="240,*" border="1">
<frame name="sx" src="sx.htm" scrolling="auto">
<frame name="centro" src="centro.htm" scrolling="auto">
</FRAMESET> 

</html>

sx.htm

codice:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//IT" "http://www.w3.org/TR/html4/frameset.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>Index</title>
</head>

<body>

[img]1.jpg[/img]

</body>
</html>

centro.htm

codice:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//IT" "http://www.w3.org/TR/html4/frameset.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>Index</title>
</head>

<body>

<h1>Clicca sulle foto per visualizzare l'ingrandimento</h1>

</body>
</html>

1.htm

codice:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//IT" "http://www.w3.org/TR/html4/frameset.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>Index</title>
</head>

<body>

<h1>Immagine 1</h1>
[img]1_big.jpg[/img]

</body>
</html>

ciaociao

**Braco** · 31-01-2007, 20:52

Ok, funziona guarda

http://www.photoman.altervista.org/index-fabio.htm

sistemo le foto, ecc.

Mi serve sapere un'ultima cosa: come far apparire in centro alla pag. gialla le foto grandi.

**elysaweb** · 01-02-2007, 13:46

Non hai seguito proprio il mio schema...

Nella pagina gialla puoi mettere la prima foto e lo sfondo giallo, e poi tutte le altre vengono caricate con un clic. Per farla centrata usa questo codice:

<html>
<head>
</head>
<body align="center">

</body>
</html>

Discussione: IFRAME, confusione

Strumenti discussione

Ricerca discussione

Visualizza

IFRAME, confusione

Re: IFRAME, confusione

Re: Re: IFRAME, confusione

Re: Re: Re: IFRAME, confusione

Permessi di invio