Links in the content areas is a quick fix. There are three areas that will need to be updated: the markup, the CSS, and the jquery. The problem is how the markup is structured – each “box” is created with an anchor tag, originally. Referencing the “Markup” box above:

Original:
<a href=”#” rel=”nofollow”>

Welcome Howdy, Stranger

<!– Some content –>

</a>

What you need to change it to:

Welcome Howdy, Stranger

<!– Some content –>

Naturally you’ll need to update your CSS to reference this change. Use the new class you should’ve added.

Finally, you need to update the jQuery framework, too:

Original:
$ibItems = $ibWrapper.find(‘div.ib-main > a’),

Updated:
$ibItems = $ibWrapper.find(‘div.ib-main > .givethisboxasecondclassforcssmcloving’),

That should do the trick! Good luck!

if( r_w > r_i ) {

new_h = (w_h – 40);
new_w = (i_w * (w_h – 40)) / i_h;

}
else {

new_h = (w_h – 40);
new_w = (i_w * (w_h – 40)) / i_h;

Brief explanation: the top bar height is 40px, so we subtract that from the window height to get the proper height of the image, then from there I used a proportion to come up with the formula you see for new_w that correctly sets the width according to the height.

And yet I still cannot figure out how to put links in the content areas. :p

You’ll need to modify: 1) the variables the plugin pulls from the grid page and, 2) the jquery-tmpl scripts to use the new variables. Be sure to update it for both “opening” and “navigating” functions, and you should have it in no time. This is also the part of the plugin that needs to be updated to allow for html content to be included in the photo captions.