Buenos día: Estoy intentando poner en funcionamiento la galería de imágenes con PrettyPhoto pero no me toma el formato del modelo light_rounded que he seleccionado dentro de la caroeta prettyPhoto. No sé si la ubicación de la carpeta prettyPhoto no es la correcta en el directorio de la web, o que no he definido correctamente los parámetros en la página PHP desde la que quiero que se muestre mi galería. Adjunto el código que tengo creado, con el que se me muestran las miniaturas y cuando pico sobre ellas se me enlaza a la imagen de mayor tamaño, pero no con el formato de imagen light_rounded que he seleccionado. No creo que el error esté en el código de la librería o en el de inicio de prettyPhoto, pero también lo adjuntaré por si podéis, por favor, orientarme. Gracias.
Código de librería incluido en la cabecera de la página en la que se abre las miniaturas:
<script type="text/javascript" src="js/jquery.js" charset="utf-8"> </ script> <link rel = "stylesheet" href = "css / prettyPhoto.css" type = "text / css "media =" screen "charset =" UTF-8 "/> <script type="text/javascript" src="js/jquery.prettyPhoto.js" charset="utf-8"> </ script>
Código incluido en el cuerpo y creo que es el que está mal en alguna parte que no localizo:
<a href="images/fullscreen/10.jpg" rel="prettyPhoto[light_rounded]" title="Asamblea Granada 2010."><img src="images/thumbnails/t_10.jpg" width="60" height="40" border="0" alt="Asamblea Granada 2010" /></a>
<a href="images/fullscreen/11.jpg" rel="prettyPhoto[light_rounded]" title="Asamblea Granada 2010."><img src="images/thumbnails/t_11.jpg" width="60" height="40" border="0" alt="Asamblea Granada 2010" /></a>
<a href="images/fullscreen/29.jpg" rel="prettyPhoto[light_rounded]" title="Asamblea Granada 2010."><img src="images/thumbnails/t_29.jpg" width="60" height="40" border="0" alt="Asamblea Granada 2010" /></a>
<a href="images/fullscreen/31.jpg" rel="prettyPhoto[light_rounded]" title="Asamblea Granada 2010."><img src="images/thumbnails/t_31.jpg" width="60" height="40" border="0" alt="Asamblea Granada 2010" /></a>
<a href="images/fullscreen/57.jpg" rel="prettyPhoto[light_rounded]" title="Asamblea Granada 2010."><img src="images/thumbnails/t_57.jpg" width="60" height="40" border="0" alt="Asamblea Granada 2010" /></a>
<a href="images/fullscreen/69.jpg" rel="prettyPhoto[light_rounded]" title="Asamblea Granada 2010."><img src="images/thumbnails/t_69.jpg" width="60" height="40" border="0" alt="Asamblea Granada 2010" /></a>
Código incluido antes del cierre del cuerpo:
<script type="text/javascript" charset="utf-8">
$(document).ready(function(){
$("a[rel^='prettyPhoto']").prettyPhoto({
animationSpeed: 'normal', /* fast/slow/normal */
opacity: 0.80, /* Value between 0 and 1 */
showTitle: true /* true/false */
});
});
</script>
Saludos.