Spry Repeat/XML question

Question

I am in desperate need of help.
Here is the path to my html file.
http://www.3hounddesign.com/WoodsWoods/gallery/index.html
When you look at it, you see the navigation list on the left
(Adobe, SF Symphony, Fiery, etc). This list corresponds to the
images that you see. However some of the navigation items (Adobe,
Apple, Levi Strauss) have more than one image associated with them.
I want to be able to use the arrows at the bottom of the page to
click through to the second image, but not have it show up on the
navigation list. For example, I only want Adobe to show up once on
the navigation list, even though I have 2 different adobe photos,
and thus have created 2 different XML entries for Adobe.
http://www.3hounddesign.com/WoodsWoods/gallery/galleries/woods/photos.xml
The first entry has the Adobe title, while I left the second
one blank. However this leaves a blank space on the navigation
list.
Unfortunately I know very little about javascript and am just
learning about this spry stuff and am very confused, and therefore
created this stuff by altering the adobe gallery demo
I also have a version I created by altering the adobe
products demo (
http://www.3hounddesign.com/Paul_Woods/identity.html#)
However that has problems of its own, so I would rather stick
with my alteration of the gallery demo.
So basically my question...Is there any way that I can have
the navigation only show one entry for Adobe (and Apple and Levi)
yet still have two images there?
Sadly, I am desperate need of an answer ASAP, as a current
job I am working on depends on it, and I don’t want to have
to resort to iframes.
Please please someone help me!

Answer 1

Hi,
I looked over you code and I noticed that you have the image
src added on the left side.
You have this <img
src="galleries/{dsGalleries::@base}{dsGallery::thumbnail/@base}{@thumbpath}"
alt="{@thumbpath}" name="tn{ds_RowID}" width="89" height="15"
id="tn{ds_RowID}" style="left: -77px; right: 0px;" />
You don't need to have the image added on the left side,
because you want there only the title (Adobe, SF Symphony...)
So you should replace the img with a div for example:
<div style="width:89px; height:15px;left: -77px; right:
0px;" id="tn{ds_RowID}" >{@thumbpath}</div>
The reason why you have an empty space after Adobe item is
that on you xml you have an empty alt attribute.
To display only the thumbpaths that are not empty you can add
an spry:if condition.
So the above div becomes:
<div style="width:89px; height:15px;left: -77px; right:
0px;" id="tn{ds_RowID}" spry:if="{@thumbpath}" != ""
>{@thumbpath}</div>
This says if thumbpath is not empty display it.
I aslo load you page in IE and I noticed that the left menu
is not displayed.
Diana