2010-01-10 14 views
6

no puedo conseguir que cualquier persona que trabaje por ahí puede ayudarPrettyPhoto no trabajar

yo uso esto en la cabeza

<script src="js/jquery-1.3.2.min.js" type="text/javascript"></script> 
<link rel="stylesheet" href="css/prettyPhoto.css" type="text/css" media="screen"/> 
<script src="js/jquery.prettyPhoto.js" type="text/javascript"></script> 

lo uso para fotos

rel="prettyPhoto[pp_gal]">< 

utilizo este antes de la etiqueta de cierre del cuerpo

<script type="text/javascript" charset="utf-8"> 
    $(document).ready(function(){ 
     $("a[rel^='prettyPhoto']").prettyPhoto({ 
      animationSpeed: 'normal', /* fast/slow/normal */ 
      padding: 40, /* padding for each side of the picture */ 
      opacity: 0.35, /* Value betwee 0 and 1 */ 
      showTitle: true, /* true/false */ 
      allowresize: true, /* true/false */ 
      counter_separator_label: '/', /* The separator for the gallery counter 1 "of" 2 */ 
      theme: 'light_rounded' /* light_rounded/dark_rounded/light_square/dark_square */ 
     }); 
    }); 
</script> 

Vincula el prettphoto CSS a mi documento ¿Qué hago con las carpetas jquery.js y jquery-1.3.2.min.js?

+0

Es posible que desee formatear el código que publicó en su pregunta. –

+0

Gracias por limpiarlo Tatu, me ganaste. :) –

+1

¿Qué sucede si cambia rel = "prettyPhoto [pp_gal]" a rel = "prettyPhoto"? –

Respuesta

4
  1. Asegúrate de que las carpetas js y css estén posicionadas con respecto a tu página actual. Por ejemplo, si está trabajando en http://localhost/photogallery/index.html, asegúrese de que las 3 carpetas incluidas con su descarga de prettyPhoto se extraigan en http://localhost/photogallery/, y no en la raíz de su servidor.
  2. Asegúrate de tener la carpeta "images" de prettyPhoto. Incluye una serie de temas y otros recursos necesarios para que prettyPhoto se vea bien.
  3. Una biblioteca conflictiva o una versión de jQuery puede estar impidiendo que prettyPhoto se cargue. Intenta ejecutar prettyPhoto en una página en blanco con solo los scripts necesarios y CSS incluidos, y un par de enlaces de imagen con rel = "prettyPhoto [pp_gal]". Si esto funciona, y cuando devuelve el código a su página no funciona, puede saber que algo está en conflicto en la página con prettyPhoto o jQuery.
  4. Compruebe si hay errores en la página. Internet Explorer tiene las herramientas de desarrollo. Firefox tiene Firebug. Chrome tiene herramientas de desarrollo. Busque en línea cómo usar el particular de su navegador favorito.
0

Como Dawson dijo en su respuesta número 4, verifique que no haya ningún error de javascript en su página que impida que prettyPhoto se cargue correctamente.

Me estaba golpeando la cabeza contra el teclado durante 2 horas por día, no funcionaba para mí. En Firefox, utilicé Herramientas> Desarrollador web> Consola de error para ver que tenía un código JavaScript de otro widget que estoy usando arrojando un error. Comenté esa línea y funcionó correctamente.

Chequea y comprueba nuevamente.