Pagina 1 di 2 1 2 ultimoultimo
Visualizzazione dei risultati da 1 a 10 su 15
  1. #1

    Come si fa questa foto gallery

    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

  2. #2
    è 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
    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>
    poi nell'html ti basta inserire rel="shadowbox" sui link alle immagini che vuoi far aprire con quell'effetto.
    codice:
    <a href="myimage.jpg" rel="shadowbox"> ...

  3. #3
    GRazie per l'info ma purtroppo per me Jave é uguale al cinese.
    Potresti spiegarti un pó meglio?
    GRazie per la pazienza.
    Ciao

  4. #4
    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.

  5. #5
    ok, provo e poi ti faccio sapere se ho problemi.
    GRazie mille.
    Ciao Enzo

  6. #6
    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

  7. #7
    Originariamente inviato da enzobaradel

    <link rel="stylesheet" type="text/css" href="shadowbox.css">
    <script type="text/javascript" src="shadowbox.js"></script>
    Questi percorsi sono giusti?
    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.

  8. #8
    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

  9. #9
    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
    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.
    Devi fare così:

    esempio concreto:
    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>
    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.


    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

  10. #10
    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
    devi fare il link corretto.

Permessi di invio

  • Non puoi inserire discussioni
  • Non puoi inserire repliche
  • Non puoi inserire allegati
  • Non puoi modificare i tuoi messaggi
  •  
Powered by vBulletin® Version 4.2.1
Copyright © 2026 vBulletin Solutions, Inc. All rights reserved.