Ciao a tutti,
devrei fare una Gallery senza usare Flash, vi mando un link:
http://www.npsitalia.it/gallerie/dellefratte/index.php
fate click in una qualsiasi delle foto.
Sapete come si fa a fare le aperture di questo tipo o dove si può trovare un tutorial?
Io ho cercato ma invano.
Ciao Enzo
è una lightbox... si tratta di un javascript.
io preferisco usare shadowbox nei miei progetti, secondo me il risultato è migliore
http://www.shadowbox-js.com/
praticamente includi la libreria, il css correlato e la inizializzi
poi nell'html ti basta inserire rel="shadowbox" sui link alle immagini che vuoi far aprire con quell'effetto.codice:<link rel="stylesheet" type="text/css" href="shadowbox.css"> <script type="text/javascript" src="shadowbox.js"></script> <script type="text/javascript"> Shadowbox.init(); </script>
codice:<a href="myimage.jpg" rel="shadowbox"> ...
GRazie per l'info ma purtroppo per me Jave é uguale al cinese.
Potresti spiegarti un pó meglio?
GRazie per la pazienza.
Ciao
non è java, è javascript... ti ho linkato il sito, c'è anche una sezione "usage" che ti spiega passo passo cosa devi fare (io ti ho riassunto i punti fondamentali).
il codice da inserire nel tuo html te l'ho scritto nel post precedente.
Devi solo scaricare i due file, un .js e un .css e copiarli nella directory che contiene le pagine del tuo sito.
ok, provo e poi ti faccio sapere se ho problemi.
GRazie mille.
Ciao Enzo
Ok, ho fatto delle prove ma non ci riesco.
Usa Dreamweaver 5.5
Ho inserito la cartella che ho scaricato dentro la directory principale del sito con tutti i sui file ed ho poi creato il codice di base:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Documento senza titolo</title>
<link rel="stylesheet" type="text/css" href="shadowbox.css">
<script type="text/javascript" src="shadowbox.js"></script>
<script type="text/javascript">
Shadowbox.init();
</script>
</head>
<body>
[img]1mini.jpg[/img]
</body>
</html>
Ho quindi inserito una miniatura nella pagina e si chiama 1.mini.jpg
Al posto di:
[img]1mini.jpg[/img]
che vedi sopra, ho inserito:
1big.jpg
big equivale alla stessa foto ma in grande.
Come risultato questo esempio mi ta sulla pagina htm una volta che la apro sul browser, una scritta "1mini.jpg" che altro non é che un link.Se facci click su quella scritta mi appare la foto della miniatura ma non la foto grande e nemmeno la finestra poup up.
Dove sbglio?
Ciao Enzo
Questi percorsi sono giusti?Originariamente inviato da enzobaradel
<link rel="stylesheet" type="text/css" href="shadowbox.css">
<script type="text/javascript" src="shadowbox.js"></script>
se hai scaricato la cartella e l'hai messa nella root del tuo sito, devi ovviamente linkare i files shadowbox.css e shadowbox.js correttamente.
io avevo i file dentro una cartella ma da come l'hai scritto tu intendo che dovrebbero stare fuori oppure fare io il link corretto tenendo presente la cartella, giusto?
Ciao
Il primo sbaglio che noto è che metti come destinazione di href l'immagine 1mini.jpg, e poi invece di inserire l'immagine ha inserito solo il testo 1big.jpg.1big.jpg
big equivale alla stessa foto ma in grande.
Come risultato questo esempio mi ta sulla pagina htm una volta che la apro sul browser, una scritta "1mini.jpg" che altro non é che un link.Se facci click su quella scritta mi appare la foto della miniatura ma non la foto grande e nemmeno la finestra poup up.
Dove sbglio?
Ciao Enzo
Devi fare così:
codice:[img]1mini.jpg[/img]
esempio concreto:
La questione delle "path" o percorsi, per importare un file, che sia css, js, html, etc.. è molto importante perchè se sbagli percorso non ti trova il file e quindi sei a piedi.codice:<html> <head> <link rel="stylesheet" type="text/css" href="cartella_mio_sito/cartella_shadowbox/cartella_css/shadowbox.css"> <script type="text/javascript" src="cartella_mio_sito/cartella_shadowbox/cartella_js/shadowbox.js"></script> <script type="text/javascript"> Shadowbox.init(); </script> </head> <body> [img]1mini.jpg[/img] </body> </html>
Se hai problemi a riguardo l'importazione dei file css leggi qui
oppure per l'inserimento di file di javascript(.js) clicca qui
oppure per chiarirti le idee sui percorsi e path in genere clicca qui
devi fare il link corretto.Originariamente inviato da enzobaradel
io avevo i file dentro una cartella ma da come l'hai scritto tu intendo che dovrebbero stare fuori oppure fare io il link corretto tenendo presente la cartella, giusto?
Ciao
Permessi di invio
Rispondi quotando