prettyPhoto gallery without rel attribute

prettyphoto
simPod picture simPod · Mar 6, 2013 · Viewed 10k times · Source

I'm using prettyPhoto (http://www.no-margin-for-errors.com/projects/prettyphoto-jquery-lightbox-clone/)

According to documentation it's being triggered by:

$("a[rel^='prettyPhoto']").prettyPhoto();

However, I'm using just this (rel attribute is not valid according to W3C and it's not needed):

$(".photo a").prettyPhoto();

But I need to make my photos as a gallery, according to documentation it's made by using this:

<a href="images/1.jpg" rel="prettyPhoto[pp_gal]"><img src="images/1b.jpg" /></a>

(rel tag has gallery name between [ ])

Is there any way how to define gallery without rel tag?

Answer

simPod picture simPod · Apr 3, 2013

Found the solution via the comment above: validation error on prettyPhoto's rel attribute

Specify your links like this: <a href="img.jpg" data-gal="prettyPhoto[gal]"></a> and use $("a[data-gal^='prettyPhoto']").prettyPhoto({hook: 'data-gal'}); to initialize prettyPhoto.

Related questions

How to show a video, and open in a lightbox on click, with jQuery prettyPhoto?

I am trying to use the prettyPhoto for jQuery to add a video to my website. I did add the jQuery source code and the prettyPhoto js location in my head, and before the end of my body tag, and …

Read More
Owl-carousel and lightbox together? Or is there another solution?

I would like to use Owl-carousel and PrettyPhoto lightbox together but before that, I would like to know if a similar all-in-one solution already exists. To be more specific, I would like to make an inline image/video content slider …

Read More
display jquery prettyPhoto lightbox in iframe parent

I am using jquery prettyphoto 2.5.3 and I was wondering how I can get the light box to display in the parent window of an iframe when an image link inside the iframe is selected? Here's my code: Page in the …

Read More