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.