jQuery prettyPhoto issue

Question

I am trying to implement the jQuery plugin, prettyPhoto, on my page. I used the example from this page:

http://www.no-margin-for-errors.com/projects/prettyphoto-jquery-lightbox-clone/#!prettyPhoto

When I use the rel="prettyPhoto[pp_gal]" I get an error message about wrong syntax:

Error: Syntax error, unrecognized expression: [rel*=[pp_gal]

What can be the issue?

I have installed the prettyPhoto jQuery plugin in my project. I have put this script in the page:

 $(document).ready(function () {
      $("a[rel^='prettyPhoto']").prettyPhoto();
 });

And I used this HTML in order to see the images, the path is localhost since I am trying just to make it work for now:

<a href="../GalleryImages/ScreenClip[1].png" rel="prettyPhoto[pp_gal]"><img src="../GalleryImages/ScreenClip[1].png" width="60px" height="60px" alt="Nice building" /></a>

<a href="../GalleryImages/1.jpg" rel="prettyPhoto[pp_gal]"><img src="../GalleryImages/1.jpg" width="60px" height="60px" alt="Nice building" /></a>

Answer 1

It seems the error is related with PrettyPhoto 2.5.x and jQuery 1.3.2 - that version of prettyphoto does not work with newer versions of jQuery.

So if you want prettyPhoto 2.5.x to work, you have to use jQuery 1.3.2.