Este es el codigo que inicia el shadowbox
Código HTML:
<script type='text/javascript'> Shadowbox.init({ overlayColor: "#000", //overlayOpacity: "0.6", }); </script>
Código HTML:
<div id="gallery"> <div id="top-photo"> <!--<h2>Falls In Glacier (Canon D60)</h2>--> <p><a href="Fotos2/Galeria/DSC03150.JPG" rel="shadowbox[galeria1]"><img src="Fotos2/Galeria/DSC03150.JPG" alt="" width="695" height="299" style="border:outset #333;" /></a></p> </div> <div id="manejador"> <table align="center"> <tr> <td width="30"> <a class="prev"><span>« Previous</span></a> </td> <td width="640"> <div id="thumbs"> <ul> <li><a onclick="CambiarImagen(document.images[1].src)"><img src="Fotos2/Galeria/DSC03150.JPG" name="1" alt="" width="95" height="84" /></a></li> <li><a onclick="CambiarImagen(document.images[2].src)"><img src="Fotos2/Galeria/DSC03152.JPG" name="2" alt="" width="95" height="84" /></a></li> <li><a onclick="CambiarImagen(document.images[3].src)"><img src="Fotos2/Galeria/DSC03155.JPG" name="3" alt="" width="95" height="84" /></a></li> <li><a onclick="CambiarImagen(document.images[4].src)"><img src="Fotos2/Galeria/DSC03170.JPG" name="4" alt="" width="95" height="84" /></a></li> <li><a onclick="CambiarImagen(document.images[5].src)"><img src="Fotos2/Galeria/DSC03198.JPG" name="5" alt="" width="95" height="84" /></a></li> <li><a onclick="CambiarImagen(document.images[6].src)"><img src="Fotos2/Galeria/DSC03207.JPG" name="6" alt="" width="95" height="84" /></a></li> <li><a onclick="CambiarImagen(document.images[7].src)"><img src="Fotos2/Galeria/DSC03215.JPG" name="7" alt="" width="95" height="84" /></a></li> <li><a onclick="CambiarImagen(document.images[8].src)"><img src="Fotos2/Galeria/DSC03216.JPG" name="8" alt="" width="95" height="84" /></a></li> <li><a onclick="CambiarImagen(document.images[9].src)"><img src="Fotos2/Galeria/DSC03434.JPG" name="9" alt="" width="95" height="84" /></a></li> </ul> </div> </td> <td width="26"> <a class="next"><span>Next »</span></a> </td> </tr> </table> </div> </div>
Código HTML:
function CambiarImagen(Foto){ var Foto2=Foto; Foto = Foto.split('/'); //alert("<p><a ><img src='Fotos/Fotos Ave Maria/"+Foto[Foto.length-1]+"' alt='' width='695' height='299' style='border:outset #333;' /></a></p>"); document.getElementById('top-photo').innerHTML="<p><a href='Fotos2/Galeria/"+Foto[Foto.length-1]+"' rel='shadowbox[galeria1]'><img src='Fotos2/Galeria/"+Foto[Foto.length-1]+"' alt='' width='695' height='299' style='border:outset #333;' /></a></p>"; }
gracias de antemano