Prev: Publishing Disabled
Next: CSS to inline styles
From: Kevin556655 on 20 Jun 2008 14:14
First of all, I am very new to Spry in Dreamweaver, but have an effect that I
know must be possible to create using the Spry Regions tools.
I have a two column webpage. On the left column I want to have 3 rows of 3
thumbnail images that represent different work samples. Once they are clicked,
I would like a larger image and explanation to appear in the left column
(without being a new page).
I saw a tutorial similar to this on the Adobe Design Center
(http://www.adobe.com/designcenter/video_workshop/?id=vid0166), but instead of
thumbnails, they used text, and created a Spry Table. I don't think a table
would work for me since I didn't see a way to define the amount of rows.
I have 9 <div> tags set up with image placeholders that I would like to link
to an xml file to fill them. I cannot seem to figure out the way to do this. My
code is attached.

<div spry:region="dsWorkSamples">
<div spry:repeat="dsWorkSamples">
<div id="left-column">
<div class="thumb"><img name="" src="{thumbimage}" width="90"
height="90" alt="" /></div>
<div class="thumb"><img name="" src="" width="90" height="90"
alt="" /></div>
<div class="thumb"><img name="" src="" width="90" height="90"
alt="" /></div>
<div class="thumb"><img name="" src="" width="90" height="90"
alt="" /></div>
<div class="thumb"><img name="" src="" width="90" height="90"
alt="" /></div>
<div class="thumb"><img name="" src="" width="90" height="90"
alt="" /></div>
<div class="thumb"><img name="" src="" width="90" height="90"
alt="" /></div>
<div class="thumb"><img name="" src="" width="90" height="90"
alt="" /></div>
<div class="thumb"><img name="" src="" width="90" height="90"
alt="" /></div>
</div>
</div>
</div>
<!-- InstanceEndEditable --><!-- InstanceBeginEditable name="EditRegion2" -->
<div id="welcome">
<div spry:region="dsWorkSamples"><img name="" src="{workimage}"
width="300" height="300" alt="" /></div>
</div>

 | 
Pages: 1
Prev: Publishing Disabled
Next: CSS to inline styles