PopUp con dimensioni variabili

pikadilly

Se la cartella è ciao metti ciao/file.html...provo anche io a farlo...vediamo se ci riesco.

pikadilly

Responso...dimmi se sbaglio...
Chiamiamo le pagine 1.html e 2.html

se 1.html richiama 2.html e questa si trova nella cartella ciao...tu devi scrivere cosi in 1.html

[html]<HTML>
<HEAD>
<TITLE>Image Gallery</TITLE>
<script language="Javascript">
function PopupPic(sPicURL) {
window.open( "ciao/2.html?"+sPicURL, "",
"resizable=1,HEIGHT=200,WIDTH=200");
}
</script>
</HEAD>
<BODY bgcolor="#FFFFFF">
<a href="javascript:PopupPic('16aprile035.jpg')">Image 1</a><br>
<a href="javascript:PopupPic('Image2.gif')">Image 2</a><br>
<a href="javascript:PopupPic('Image3.gif')">Image 3</a><br>
</BODY>
</HTML>[/html]Vedi? c'è scritto ciao/2.html...

Funza, l'ho provato...
In 2.html devi scrivere il relativo percorso dell'immagine...

spero che sia questo quello che cercavi.

asso82

Perfetto... e fino qui ci sono arrivato.
Ma cosa succede se 1.html sta dentro un altra cartella??

pikadilly

Semplice anche se un pò pidocchioso...

abbiamo due cartelle:
ciao1 e ciao2

In ciao1 abbiamo 1.html
In ciao2 abbiamo 2.html

In 1.html scriviamo cosi:

<HTML>
<HEAD>
<TITLE>Image Gallery</TITLE>
<script language="Javascript">
function PopupPic(sPicURL) {
window.open( "../ciao2/2.html?"+sPicURL, "",
"resizable=1,HEIGHT=200,WIDTH=200");
}
</script>
</HEAD>
<BODY bgcolor="#FFFFFF">

<a href="javascript:PopupPic('16aprile035.jpg')">Image 1</a><br>
<a href="javascript:PopupPic('Image2.gif')">Image 2</a><br>
<a href="javascript:PopupPic('Image3.gif')">Image 3</a><br>

</BODY>
</HTML>

Così ciao1 contiene 1.html e ciao2 contiene 2.html con la foto.
vedi se ti funziona.

asso82

E' quello che ho fatto io sin dall'inizio ma non funziona.
Prova anche tu e vedrai..

pikadilly

Che errore ti da? A me funziona...ti metto un esempio il prima possibile:)

dusy

Se hai praticità con PHP
io ti consiglierei la funtione getimagesize(..)
se cerchi con google, qualcosa di fatto lo trovi sicuramente!

pikadilly

Rieccomi....
esempio pratico:
http://www.pikadilly.it/provafilmatoforum/ciao1/1.html

la foto della micina e la relativa pagina si trovano in una cartella diversa dalla cartella che contiene 1.html.

aprendo http://www.pikadilly.it/provafilmatoforum/ciao2/2.html

Vedi la foto della micia senza passare da 1.html e la provenienza sono due cartelle separate.

nel secondo documento togli questo:

<script language='javascript'>
document.write( "<img src='" + picUrl + "' border=0>" );
</script>

asso82

Ho trovato il problema...
se non metto il file 2.html in una cartella non funziona.
Mi spiego meglio: se scrivo
window.open( "../ciao2/2.html?"+.......) è tutto ok.
Ma se non metto il file dentro la cartella ciao2 ma nella root principale e scrivo
window.open( "../2.html?"+......) non funziona.

Poco mi importa però... metto il file dentro una cartella e risolvo.

Grazie per l'interesse

asso82

Come non detto.
Se salgo di due cartelle (../../cartella/1.html) non funziona

pikadilly

Allora...solo una volta puoi mettere i .../ metti cosi...
.../cartella/cartella/file.html

asso82

@pikadilly said:

Allora...solo una volta puoi mettere i .../ metti cosi...
.../cartella/cartella/file.html
Mi stai dicendo di mettere 3 puntini invece che 2???
Non funziona lo stesso... credo che non risalga nemmeno di una cartella

asso82

Ricapitolando:

io ho il file popup.html nella cartella cart1 quindi cart1/popup.html

poi ho il file file.html nella cartella root1/root2/ quindi root1/root2/file.html

ho provato con ../../cart1/popup.html e non funziona
ho provato con .../cart1/popup.html e non funziona

Prova tu

pikadilly

No no...scusa l'errore dei puntini...solo due ne devi mettere...io sono una che mette tanti puntini e alle volte sbaglio...
Adesso provo e ti saprò dire...però è un percorso molto ardimentoso.
LOL

ECCOMI ECCOMI...

metti così ../../../ciao2/2.html

asso82

@pikadilly said:

ECCOMI ECCOMI...

metti così ../../../ciao2/2.html
Nemmeno per idea... non vuole funzionare x:x

asso82

Ho provato a cambiare totalmente script seguendo l'esempio di questa pagina http://www.dynamicdrive.com/dynamicindex4/lightbox2/index.htm.

Ebbene sono riuscito a farlo funzionare ma... non riesco a far visualizzare "close X" per chiudere l'immagine... sto sclerando!!!

pikadilly

Questa è la lightbox...molto più complessa di quello che stavamo facendo...Dove hai messo l'immagine della x?

A me funza benissimo...

http://www.pikadilly.it/provafilmatoforum/nuovo/ciao1/ciao3/ciao4/1.html

asso82

A me invece continua a non funzionare e ho lasciato perdere.

Se non ti chiedo troppo, potresti testare anche la lightbox... non riesco a far visualizzare la scritta "close X" per uscire dalla visualizzazione della foto.

Funziona solamente se metto il file nella cartella lightbox altrimenti no. :bho:

TUTTE A ME

pikadilly

Io uso le lightbox, guarda il percorso del file immagine della x e regolati di conseguenza.
Devi rispettare i percorsi.
LOL

asso82

@pikadilly said:

Io uso le lightbox, guarda il percorso del file immagine della x e regolati di conseguenza.
Devi rispettare i percorsi.
LOL
Ma io i percorsi li rispetto...
Non funziona lo stesso...
ho modificato il seguente percorso del file lightbox.js

 
var fileLoadingImage = "images/loading.gif";  
var fileBottomNavCloseImage = "images/closelabel.gif";

non ho ottenuto alcun risultato.

La cosa strana è che lightbox.js è contnuto nella cartella js ma con gli indirizzi riportati sopra, riesco comunque ad accedere alle immagini (senza mettere ../). Ovviamente solo se il mio file è nella cartella del lightbox altrimenti non funziona.

Non riesco a spiegarmi questa cosa