pop up e fotogallery

**jackweb** · 01-08-2003, 11:15

Salve!
Vorrei fare una fotogallery e mi è venuta una idea...
ho il disegno di una reflex nel layout della pagina, mi piacerebbe che al clik dei link legati alle relative foto si aprisse una pop up di pochi px fino a diventare della grandezza naturale della img contenuta (una specie di effetto zoom)...doverbbe esserci qualcosa del genere...ma la cosa particolare è che vorrei si aprisse sopra l'obiettivo del disegno come se fuoriuscisse da esso dandole delle coordinate! (nb: ci sono problemi con le impostazioni video dell'utente?)
Sono io quello fuoriuscito di cranio???:gren:
Forse...l'idea mi piace ma ho bisogno del vostro supporto visto che non conosco quasi per niente il JS!

**Wulby** · 01-08-2003, 11:31

Intanto che provo a farlo qui sul sto pc ti dico cosa faro' nel frattempo dimmi se erro qualcosa ti scrov l'algoritmo

-carico immagine nella cache
-ottengo 2 variabili X e Y dell'immagine, larghezza e altezza
-apro una nuova finestra di larghezza x e altezza y 0,0
-allungo la finestre per le coordinate x finche' nn raggiunge l'altezza dell'immagine Y con un ciclo FOR
-allungo la finestra per le coordinate y finche' nn raggiungo la larghezza della foto X con un ciclo FOR
-centro la finestra nello schermo

Se e' questo quello che ti serve dammi conferma intanto provo a farlo

**jackweb** · 01-08-2003, 11:37

a parte la centratura dell'immagine va tutto bene...infatti questa va posizionata sopra l'obiettivo che non è al centro del layout.....
comunque ho trovato qualcosa sul forum su STANDARD POP UP.....l'unico problema che avrò sarà gestire il js a mio piacimento!
Grazie 1000.
Ma il caricamento nella cache non ritarda il caricamento della pag intera????

**Wulby** · 01-08-2003, 12:03

Se nn ti piace l'effetto del movimento della finestra
Togli i er.moveTo() dallo script

Ora gli aggiungo la possibilita' di visualizzare l'immagine

codice:

<html>


<head>
<script language=JavaScript1.2>
function apri(){
er=window.open('','','status=no,width=0,height=0')
x=300
y=400
for(i=0;i<=x;i++){
er.resizeTo(0,i)
er.moveTo(0,i)
}
for(e=0;e<=y;e++){
er.resizeTo(e,i)
er.moveTo(e,i)
}

}


</script>

</head>

<body>
CLICCAMI TUTTO
</body>

</html>

Copia incolla in una pagina html vuota

**jackweb** · 01-08-2003, 12:19

Grazie wulby... il fatto è che la pop up dev crearsi in certe cordinate es. 400 400 con una grandezza di 0px x 0px e terminare nelle stesse coordinate più o meno con la grandezza della foto.........un pò come vedi da lontano una macchina lungo la strada che si avvicina velocemente verso te......effetto zoom...la tua pop up invece parte dall'alto a sinistra per poi posizionarsi....comunque funzia!!! Nb: Ma se cambio la posizione mi cambia anche la grandezza!
Vero?

**Wulby** · 01-08-2003, 12:53

Se le foto sono sempre Larghezza e Altezza uguali e si formera' un quadrato, usa questo

codice:

<html>


<head>
<script language=JavaScript1.2>

function apri(){

er=window.open('','','status=no,width=0,height=0')
er.document.write("<img style='position:absolute;left:0;top:0;' src=logo.gif>")
x=200
for(i=0;i<=x;i++){
er.resizeTo(i,i)
er.moveTo(i,i)
}


}


</script>



</head>

<body>
CLICCAMI TUTTO
</body>

</html>

AL POSTO DI logo.gif PRENDI UN IMMAGINE NELLA STESSA CARTELLA DEL FILE HTML

Il moveTo() se riesci a trovare le coordinate della posizione dell'immagine usa quelle variabili se no devi avere pazienza fino a lunedi che io ora vado a casa

se no prova quest'ultimo

**jackweb** · 01-08-2003, 15:37

Grazie wulby!
Farò delle prove...in caso ci vediamo lunedì!
Ciao

**jackweb** · 04-08-2003, 10:18

Ho risolto riadattando alle mie esigenze la pillola di standard sulle pop up e relativi posizionamenti!
Ora c'è un problema....per fare l'effetto di cui ho bisogno sarebbe necessario poter caricare le img all'interno delle popup prima che l'utente arrivi alla pagina fotogalery.....
C'è un modo per far sì che mentre si naviga nel sito...anche nella index.htm vengono scaricate le immagini? Un preload da inserire nella index relativo però a foto1.jpg foto2.jpg..e il resto delle pop up che compariranno solo cliccando i link nella pagina fotogallery???

Discussione: pop up e fotogallery

Strumenti discussione

Ricerca discussione

Visualizza

pop up e fotogallery

Permessi di invio