PDA

View Full Version : Two Links to Instantiate the Same Gallery in Lightwindow



rclements
01-29-2010, 04:40 PM
Hello there everyone! :)

I am currently rebuilding my portfolio and utilizing lightwindow as a means to display my projects. I have set up the site so that there is a grid of thumbnail images and also a textual list of links (basically another means for the user to navigate the projects if they prefer not to use the thumbnail links).

For some projects I need to use the gallery function to display multiple images. I have this functioning when you click on the thumbnail link just fine. The problem is having the corresponding text link utilize the same set of images without creating a duplicate set. Is there a way to call the gallery without putting links to each image utilizing "class" and "rel".

Here is a brief section of the html to show you what I mean...I have minimized it to show you clearly what I am trying to do...



<!-- Text List of Links to Projects -->
<div id="subNav" style="display:none;">
<ul>
<li class="listHeader">Web &amp; Interactive</li>
<li>
<a href="imgs/gallery/proj1.jpg" class="lightwindow" title="Dynamic Info Design" caption="A caption can go here..." >Dynamic Info Design</a>
</li>
</ul>
</div>

<!-- Thumbnail Image Links to Projects -->
<div id="portfolioContent">
<div id="thumbnail">

<!-- Set of Images to be used in gallery-->
<a href="imgs/gallery/projectName/proj2A.jpg" class="lightwindow" title="Dynamic Info Design" caption="A caption can go here..." rel="Web &amp; Interactive[Dynamic Info Design]">
<img src="imgs/thumbnails/project1.jpg" alt="Project Name" />
</a>

<a href="imgs/gallery/projectName/proj2B.jpg" class="lightwindow" title="Dynamic Info Design" caption="A caption can go here..." rel="Web &amp; Interactive[Dynamic Info Design]"></a>

<a href="imgs/gallery/projectName/proj2C.jpg" class="lightwindow" title="Dynamic Info Design" caption="A caption can go here..." rel="Web &amp; Interactive[Dynamic Info Design]"></a>

</div>
</div>

I want to call that same set of 3 images with the text link <a href="imgs/gallery/proj1.jpg" class="lightwindow" title="Dynamic Info Design" caption="A caption can go here..." >Dynamic Info Design</a>

Right now it's just showing the one image...if I use the rel tag in that link, it adds the image as a duplicate and then says there are 4 images in the set instead of 3.

Does this make sense to anyone. How can I pull this same gallery up without duplicating the images or having the same project show up twice when you click on the gallery tab.

View actual site in progress at:
http://www.reneeclements.com/newWebsiteV1/dev/design/index.php

Any insight would be greatly appreciated! Thanks!