Question

I am using the fantastic PrettyPhoto Lightbox, a Jquery lightbox clone.

To launch a lightbox with an iframe this is the code

<a href="http://www.google.com?iframe=true&width=100%&height=100%" rel="prettyPhoto[iframes]" title="Google.com opened at 100%">Google.com</a>

This works great!

The problem is that I am using javascript to make some of my div s links with this code

<div onclick="http://www.google.com?iframe=true&width=100%&height=100%" rel="prettyPhoto[iframes]" class="menuitem">

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

Answer 1

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.

友情链接