$('[rel="lightbox"]').click(function(){
setTimeout(function(){
$("#jquery-overlay").click()
},1000)
})
</script>
------------------------------------------------------------------------------------------
Código HTML:
<head> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <title>CSS Lightbox</title> <script type="text/javascript"> function showLightbox() { document.getElementById('over').style.display='block'; document.getElementById('fade').style.display='block'; } function hideLightbox() { document.getElementById('over').style.display='none'; document.getElementById('fade').style.display='none'; } </script> <script type="javascript"> $('[rel="lightbox"]').click(function(){ setTimeout(function(){ $("#jquery-overlay").click() },1000) }) </script> </head> <body> <p><a href="javascript:showLightbox();">Show LightBox</a></p> <div id="over" class="overbox"> <div id="content"> Ventana creada con CSS<br /> como ejemplo de <strong>Lightbox</strong>.<br /><br /> <a href="javascript:hideLightbox();">Hide LightBox</a> </div> </div> <div id="fade" class="fadebox"> </div> </body> </html>