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 [url=http://www.shadowbox-js.com/]shadowbox.js](http://isotope.metafizzy.co/) 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: <font color='#FF0000'>0</font>;">
<a rel="lightbox[<font color='#FF0000'>x</font>]" 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!