PrettyPhoto Jquery Lightbox link problems

Question

I am using the fantastic PrettyPhoto Lightbox, a Jquery lightbox clone. To launch a lightbox with an iframe this is the code ``` Google.com ``` This works great! The problem is that I am using javascript to make some of my div's links with this code ```

``` Unfortunately this doesn't work. I suspect that this is because DIV's do not support the rel attribute. Does anyone have any ideas on how to over come this? Thanks for your help, Tim

Accepted Answer

Check out line 87 of the plugin js file (jquery.prettyPhoto.js)

```
$('a[rel*='+theGallery+']').each(function(i){
```

It is specifically looking for 'a' elements. You could look through the plugin and change a few things to make it work for your needs.

```
$('div[rel*='+theGallery+']').each(function(i){
```

I should add that I don't think rel is a valid div attribute. You may want to use a class or some other selectable attribute.

PrettyPhoto Jquery Lightbox link problems

Solution

Problem