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 & 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 & 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 & 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 & 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!
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 & 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 & 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 & 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 & 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!