PopUp con dimensioni variabili

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

pikadilly

Ci sono tre cartelle per la lightbox
1.images
2.js
3.css

Supponiamo che queste tre cartelle siano a loro volta dentro una cartella assieme all'html che richiama la lightbox nel percorso dell'img sarà questo

images/closelabel.gif

Se tu hai spostato il file html fuori dalla cartella generale allora il percorso è un altro. Sia nel file html sia nel js;
../images/closelabel.gif
../images/immagine.jpg sia nell'anteprimina sia nel suo collegamento a quella grande.
Ma non trovo il senso di prendere e spostare il file html che richiama la lightbox.:)
Alla fine ti si sta riproponendo lo stesso problema di prima, solo che questo è più arduo perchè ci sono di mezzo altre cartelle.:)

asso82

@pikadilly said:

Ma non trovo il senso di prendere e spostare il file html che richiama la lightbox.:)

Come non ha senso?
Se io voglio richiamare la lightbox da file diversi che risiedono in cartelle diverse come faccio??

pikadilly

Si tratta tutto di saper impostare i percorsi delle immagini e dei file che richiamano le immagini, le popup o le lightbox.
Spiegazione semplice.
Se il file che richiama un immagine in una cartella è nella stessa cartella delle immagini allora il percorso è:

img.jpg

Il file di immagine è all'interno di un'altra cartella chiamata ad esempio images allora il percorso è:

images/img.jpg

se entrambi i file si trovano i due cartelle completamente distinte allora si mettono i percorsi o assoluti o relativi.

Assoluto:

src="http://www.miosito.com/images1/images2/img.jpg"

relativo:
src="images/images2/images/img.jpg"

Il percorso relativo si basa a seconda di dove si trova il documento che richiama l'immagine e vale per tutti i file esterni al documento.

Fai come spiegato in precedenza.:)
Richiami la lightbox secondo dove si trova il documento che la richiama, non cambia nulla, è uguale alla popup, se non impari i percorsi cambiare metodo non serve. LOL
Il problema è di percorsi non di metodi usati per mostrare la singola immagine.
Se vuoi richiamare un img da tremila cartelle devi impostare correttamente i percorsi.

La lightbox si trova nella cartella ciao 2
e il file che la richiama nella cartella ciao4 che sta dentro a ciao3, che a sua volta è dentro ciao1 il percorso sarà:
../../../ciao2/img.jpg

Una spiegazione la trovi anche qui:
http://docs.hp.com/it/5187-2209/ch02s10.html