Pagina 1 di 2 1 2 ultimoultimo
Visualizzazione dei risultati da 1 a 10 su 18

Discussione: gallery

  1. #1
    Utente di HTML.it
    Registrato dal
    Oct 2000
    Messaggi
    508

    gallery

    ho una pagina statica con delle foto incolonnate
    riesco a riproporre una navigazione delle foto tipo questa
    http://www.wwe.com/worldwide/italy/2580390/

    grazie in advance
    Raul

  2. #2

    Re: gallery

    Originariamente inviato da riderjean
    ho una pagina statica con delle foto incolonnate
    riesco a riproporre una navigazione delle foto tipo questa
    http://www.wwe.com/worldwide/italy/2580390/

    grazie in advance
    puoi fare così:

    Codice PHP:
    <html>

    <
    head><title>Galleria</title></head>

    <
    body>

    <
    script>
    function 
    apriImg(nomeImmagine) {
        
    tagImg.innerHTML "[img]" nomeImmagine "[/img]";
    }
    </script>

    <p id="tagImg">[img]immagineIniziale.jpg[/img]</p>




        [url="javascript:apriImg('1.jpg')"]immagine1[/url] | 
        [url="javascript:apriImg('2.jpg')"]immagine2[/url] | 
        [url="javascript:apriImg('3.jpg')"]immagine3[/url]
    </p>


    </body>
    </html> 
    Ovviamente invece dei link testuali ci vogliono i thumbnails, e tutte le immagini (compresa immagineIniziale.jpg) dovrebbero avere la stessa dimensione.


  3. #3
    inoltre per metterle in linea così puoi utilizzare il css e fare in questo modo

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

    <html>
    <head>
    <title></title>
    <style type='text/css'>
    .contenitore
    {

    }
    .contenitore img
    {
    float: left;

    }
    </style>
    </head>
    <div class='contenitore'>
    [img]tuofile1.jpg[/img][img]tuofile1.jpg[/img][img]tuofile1.jpg[/img][img]tuofile1.jpg[/img][img]tuofile1.jpg[/img]
    </div>
    <div style='clear: left'></div>
    <body>
    Domenico Biancardi from http://www.halmadaxx.com

  4. #4
    Utente di HTML.it
    Registrato dal
    Oct 2000
    Messaggi
    508
    non funzia...
    ho fatto copia incolla del cod...
    firefox non mi apre i collegamenti
    Raul

  5. #5
    Originariamente inviato da riderjean
    non funzia...
    ho fatto copia incolla del cod...
    firefox non mi apre i collegamenti
    sono dei collegamenti fittizzi. :master:

    se ti servono quelli giusti dimmi quali sono le immagini.
    Domenico Biancardi from http://www.halmadaxx.com

  6. #6
    Utente di HTML.it
    Registrato dal
    Oct 2000
    Messaggi
    508
    ovviamente ho modificato i collegamenti ed inserito i nomi delle img giuste..
    quando clicco ff apre una finestra di allert nel quale non c'è scritto che non sa come aprire il collegamento..
    Raul

  7. #7
    ah scusami, tu parli dedl javascript. Sinceramente nn l'ho ancora guardato. Vedo di fornirti una versione completa con la tua richiesta. dammi un po' di tempo
    Domenico Biancardi from http://www.halmadaxx.com

  8. #8
    Originariamente inviato da riderjean
    non funzia...
    ho fatto copia incolla del cod...
    firefox non mi apre i collegamenti
    non so perchè ma quando ho fatto copia e incolla del codice nel forum, è stata cambiata la stringa "javascript" in "java-script"

    quindi se sostituisci "java-script" con "javascript" funziona

    ti do il codice senza quotarlo come "code":

    -------------------------------------------------------------
    <html>

    <head><title>Galleria</title></head>

    <body>

    <script>
    function apriImg(nomeImmagine) {
    tagImg.innerHTML = "[img]" + nomeImmagine + "[/img]";
    }
    </script>

    <p id="tagImg">[img]immagineIniziale.jpg[/img]</p>




    immagine1 |
    immagine2 |
    immagine3
    </p>


    </body>
    </html>
    -------------------------------------------------------------

  9. #9
    Originariamente inviato da cicciox80
    non so perchè ma quando ho fatto copia e incolla del codice nel forum, è stata cambiata la stringa "javascript" in "java-script"

    quindi se sostituisci "java-script" con "javascript" funziona

    ti do il codice senza quotarlo come "code":

    -------------------------------------------------------------
    -------------------------------------------------------------
    di nuovo! ma perchè il forum cambia la stringa? :master:

  10. #10
    Utente di HTML.it
    Registrato dal
    Oct 2000
    Messaggi
    508
    perfetto! e se volessi fare in modo di cambiare la trasparenza al passaggio del mouse sulle thumb?
    con i css è possibile?
    grazie ancora per il vostro aiuto
    Raul

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 © 2025 vBulletin Solutions, Inc. All rights reserved.