No puedo Hacer funcionar bn Prettyphoto

bendark23 · #1 (**permalink**) 28/05/2012, 12:16

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.