Apre automaticamente jQuery ColorBox al caricamento della pagina

Ho usato la scatola dei colori jbox lightbox per la mia lightbox. Ma in quello si dovrebbe fare clic sul pulsante. Voglio automaticamente popup ogni volta che la finestra viene caricata.Apre automaticamente jQuery ColorBox al caricamento della pagina

Il mio codice per la scatola di luce è

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.0/jquery.min.js"></script> 
     <script src="../jquery.colorbox.js"></script> 
     <script> 
      $(document).ready(function(){ 
       $(".ajax").colorbox(); 
      }); 
     </script> 
    </head> 
    <body> 

     <h2>Other Content Types</h2> 
     <p><a class='ajax' href="../content/daisy.jpg" title="Homer Defined">Outside HTML (Ajax)</a></p> 
</html>

Ora voglio un pop-up automatico quando viene caricata la finestra.

fonte

2013-02-08 Ranjit

Con l'ultima versione di ColorBox, si utilizza $.colorbox({inline:true, href:".ajax"});

demo di lavoro: http://jsfiddle.net/34v22/

ho anche ripulito il codice un po ':

<!doctype html> 
<head> 
    <title>My Automatic ColorBox</title> 
    <link rel="stylesheet" type="text/css" href="../link/to/jquery.colorbox.css"> 
    <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.0/jquery.min.js"></script> 
    <script type="text/javascript" src="../jquery.colorbox.js"></script> 
    <script>$(document).ready(function(){$.colorbox({inline:true, href:".ajax"});});</script> 
</head> 
<body> 
    <h2>Other Content Types</h2> 
    <div class='ajax' style='display:none'><a href="../content/daisy.jpg" title="Homer Defined">Outside HTML (Ajax)</a></div> 
</body>

fonte

2013-02-08 18:00:53 Mooseman

Se si desidera, è possibile aggiungere il codice HTML direttamente nella chiamata jQuery

(function($){ 
    $(document).ready(function() { 
     $.colorbox({innerWidth:420,innerHeight:315,html:'<iframe width=420 height=315 src=http://www.youtube.com/embed/eh-0knDpn5g frameborder=0 allowfullscreen></iframe>'}); 
    }); 
})(jQuery);

fonte

2013-06-19 15:22:17 stillatmylinux

Ha funzionato, ma non riesco a fare clic su la pagina iframe. Ho messo un modulo nell'iframe.

<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.0/jquery.min.js"> 
</script> 
<script type="text/javascript" src="js/jquery.colorbox.js"></script> 
<script>$(document).ready(function(){$.colorbox({inline:true, href:".ajax"});}); 
</script> 

<script> 
(function($){ 
     $(document).ready(function() { 
      $.colorbox({innerWidth:600,innerHeight:500,html:'<iframe width=600 height=500 
        src=masson-form.html> </iframe>'}); 
       }); 
     })(jQuery); 
</script>

fonte

2014-05-06 16:54:11 user3609160

Apre automaticamente jQuery ColorBox al caricamento della pagina

risposta

Problemi correlati