Using Shadowbox in a detailregion

Question

I read some threads here and examined some source code and
got Shadowbox working on images in a region. Basically, the region
reads in the dataset, which is a list of images. The spry:repeat
creates a <span> for each imafe and link tag. The
detailregion is a hidden div. I set an observer to that hidden
detailregion which loads the Shadowbox when the detailregion
changes.
Here is the page that shows that working:
http://new.eliteportablerestrooms.itlogic.org
Now here is my problem. I want to do something similar,
except this time the images are in a detailregion instead of a
region. In the dataset, I have a list of products. In the product
record, I have 10 image fields available. I read the product list
into a Spry table, then when I click the record in the table, I set
an accordian with the associated data. One panel in the accordian
is a detailregion that shows the 10 image fields. I gave that panel
an id="productGallery". Then I set up and observer to watch the
detailregion productGallery. But, this doesn't seem to work like it
does in the page linked above.
I was thinking that whenever I clicked on a record in the
Spry table, it would update the detailregions and the observer
would load Shadowbox. Here is the link to the page that's not
working:
http://new.eliteportablerestorooms.itlogic.org/products.htm
I'm using Dreamweaver CS3 and Spry 1.6.1

Answer 1

Thanks, but unfortunately that example is using 2 regions
that are linked in the dataset. Not a region and a detailregion. I
have another constraint that limits me. I'm using HTML datasets
instead of XML. I do this so I can create a table with a repeating
region. This gives clients the opportunity to purchase Contribute
and maitain their own data in those tables. Most of them aren't
familiar with XML, but tabels aren't so foreign. Besides, they get
that nice little add/subtract/reorder tool for repeating regions.
Anyway, my point is I'm trying to keep the dataset to one
table so I added 10 image fields. Each of those fields holds the
image of a product. The images are displayed as a grid of
thumbnails in the accordion panel. The accordion is filled with
that and other data from the dataregion that is linked to the
region which displays the list of products.
So, it's those 10 thumbnails in the dataregion that I'm
trying to attach to Shadowbox. Normally, you would create a region
and then a spry:repeat would read the images from the dataset to
create the thumbnail grid. In that scenerio I have it working fine.
It's when you click a product from the list in the region and then
it updates the thumbnails in the detailregion, is where I'm having
problems.
I hope that made some sence.