Setting one value to correspond with a parent


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=]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”’) 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: [color=#FF0000]0[/color];">
  <a rel="lightbox[[color=#FF0000]x[/color]]" 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! :frowning:

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

My best guess so far is to add a line like this:

$('a[rel^="lightbox"]').attr('rel','lightbox[PARENT/PREVIOUS OPACITY GOES HERE]'');

So, continuing this conversation with myself… this is my new best guess. It doesn’t work, but equally doesn’t throw any errors in Firebug either, so I’m none the wiser…

$(function() {
var opacity = $(this).parent().attr(“style”,“opacity”);
opacity.change (function() {

For neatness, I’m posting my solution here. It’s not perfect but it’ll do for now…

$(‘.option-set’).change(function() {
var $this = $(this);
var delay = 1100; // 2 seconds delay after last input

$'timer', setTimeout(function(){

$(‘a[rel^=“lightbox”]’).each(function() {
var opacity = $(this).parent().css(“opacity”);
}, delay));

I consider the problem solved (for now) so I’m happy for this thread to be closed.