I've posted a similar question elsewhere but after a few days without response I thought I'd try my luck here...

I'm trying to get isotope.js and shadowbox.js to play nicely together.

To achieve the result I want I think all I need to do is set the value of 'x' in the following ('rel="lightbox[x]"') to be equal to its parent opacity.

<div class="thumb theme-Portraiture media-Works_on isotope-item isotope-hidden" style="position: absolute; left: 0px; top: 0px; -moz-transform: translate(28px, -5px) scale(0.001); opacity: 0;">
  <a rel="lightbox[x]" href="image_one_large.jpg">
   <img title="Image One" src="image_one_small.jpg"/>
My guess is that there are at least two ways of doing this - either by extending the isotope script or by using some sort of 'onChange' preg_match. Right now, all methods escape me! :-(

This seems so simple, but I just can't figure it out, so any help vastly appreciated!