Visualizzazione dei risultati da 1 a 3 su 3
  1. #1

    lightbox apertura in automatico al caricamento

    Ciao, la seconda domanda in questo forum:
    Come posso far attivare lightbox in automatico al caricamento della pagina?
    Non intendo attivarla grazie al click su link o immagini ma proprio all'apertura della pagina.
    ho cercato riferimenti e risorse ma gli esempi che trovo riguardano l'apertura di lighbox su un link o su un'immagine.
    Moltissime grazie :berto:

  2. #2
    allora, prova a fare così:

    hai la tua pagina con il lightbox.

    crei un tag A con l'immagine che vuoi aprire, senza contenuto in modo che non si visualizzi:

    <a href="immagine.jpg" id="OnLoadImg /">

    poi fai:

    codice:
    <script type="text/javascript">
    addLoadEvent(function(){
       showLightbox(document.getElementById('OnLoadImg'));
    });
    </script>
    Assicurati di mettere il codice DOPO lo script di lightbox e dovrebbe funzionare.
    I DON'T Double Click!

  3. #3
    Ciao Artorius!

    Anche io avrei lo stesso problema ho fatto come hai spiegato, ma non funziona, ti posto il codice che ho utilizzato, così mi sai dire se sono stai io a sbagliare qualcosa, grazieeee!!
    Ciao!



    Codice PHP:


    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"

            "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"
    >

    <
    html xmlns="http://www.w3.org/1999/xhtml" lang="en">

    <
    head>

        

        <
    title>Lightbox JS v2.0 Test Page</title>



        <
    link rel="stylesheet" href="css/lightbox.css" type="text/css" media="screen" />

        

        <
    script src="js/prototype.js" type="text/javascript"></script>

        <script src="js/scriptaculous.js?load=effects,builder" type="text/javascript"></script>

        <script src="js/lightbox.js" type="text/javascript"></script>



        <style type="text/css">

            body{ color: #333; font: 13px 'Lucida Grande', Verdana, sans-serif;    }

        </style>



    </head>

    <body>


    <a href="images/image-1.jpg" id="OnLoadImg /">


    <script type="text/javascript">
    addLoadEvent(function(){
       showLightbox(document.getElementById('OnLoadImg'));
    });
    </script>


    </body>

    </html> 



    Originariamente inviato da artorius
    allora, prova a fare così:

    hai la tua pagina con il lightbox.

    crei un tag A con l'immagine che vuoi aprire, senza contenuto in modo che non si visualizzi:

    <a href="immagine.jpg" id="OnLoadImg /">

    poi fai:

    codice:
    <script type="text/javascript">
    addLoadEvent(function(){
       showLightbox(document.getElementById('OnLoadImg'));
    });
    </script>
    Assicurati di mettere il codice DOPO lo script di lightbox e dovrebbe funzionare.

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.