hola que tal a todos estoy queriendo hacer andar el script de prettyphoto como una galeria y no puedo. me hace todo el efecto por cada una de las fotos del tipo lightbox. pero no me las toma como una galeria. y la verdad no se que es. incluso elimine todos los aspectos de css que tenia para dejarlo tal como viene en los ejemplo de internet y nada. solo me toma imagen por imagen si presiono las teclas de direccion del teclado desvanece la imagen pero vuelve aparecer la misma. no cambia a la siguiente. espero puedan ayudarme les adjunto el codigo.
Código:
<!DOCTYPE HTML>
<head>
<meta http-equiv="content-type" content="text/html" />
<meta name="author" content="bendark" />
<link href="../css/prettyPhoto.css" rel="stylesheet" type="text/css" />
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.3/jquery.min.js"></script>
<script src="../js/jquery.prettyPhoto.js"></script>
<title>Untitled 2</title>
<script type="text/javascript">
$(document).ready ( function(){
$("#galeria a[rel^='prettyPhoto']").prettyPhoto({theme: 'facebook',slideshow:5000, autoplay_slideshow:true});
})
</script>
</head>
<body>
<div id="galeria">
<ul class="gallery clearfix">
<li><a href="img/fullscreen/page_1.jpg" rel="prettyPhoto[gallery1]" title="Imagen1."><img src="img/thumbs/page_1.jpg" alt="imagen1" /> </a></li>
<li><a href="img/fullscreen/page_2.jpg" rel="prettyPhoto[gallery1]" title="Imagen2."><img src="img/thumbs/page_2.jpg" alt="imagen2" /></a></li>
<li><a href="img/fullscreen/page_3.jpg" rel="prettyPhoto[gallery1]" title="Imagen3."><img src="img/thumbs/page_3.jpg" alt="imagen3" /></a></li>
</ul>
</div>
</body>
</html>
la libreria prettyphoto es la misma que se encuentra en la pagina de la documentacion. de ante mano muchas gracias.