Little help for simple gallery

Question

Hi, i use a very simple spry gallery. the xml format is this
<photos>
<photo pathtn="..." path="..." description="..." />
<photo......
<photo......
</photos>
Then on the thumbnails div i've got a spry:repeat and a
spry:setrow to set the content of the spry:detailregion which shows
the large image and the description. The gallery works very well,
but what i'd like to do is to change the aspect of the active
thumbnail...Nothing too complicated..just a thicker border ...how
could i do this?
thanks!

Answer 1

I don't know if this is best way to do it, but I wrapped my
thumbnails section in a div called "thumbnails" to which i applied
the spry:region="dsPhotos dsGalleries dsGallery".
From here, I entered my spry div:
<div spry:repeat="dsPhotos"
onclick="HandleThumbnailClick('{ds_RowID}');"
onmouseover="Spry.Effect.AppearFade('tn{ds_RowID}',
{duration:1000,from:100,to:20,toggle:true})"> <img
id="tn{ds_RowID}" alt=""
src="galleries/{dsGalleries::@base}{dsGallery::thumbnail/@base}{@thumbpath}"
width="24" height="24" /></div>
Then I closed the thumbnails div.
From here, I simply created a #thumbnails rule in my css
file, and changed my border like so:
#thumbnails img {
padding: 1px;
clear: none;
float: left;
height: 24px;
width: 24px;
margin-top: 5px;
margin-right: 5px;
margin-bottom: 0px;
margin-left: 0px;
border: 2px solid #CCCCCC;
Hope this helps!