Issue 397: How to load images from other folders
Status:  Fixed
Owner: ----
Closed:  Apr 2010
Reported by MohamedM...@gmail.com, Dec 17, 2009
Hi, 

I am extremely new to web design and I putting together a site as a project 
for a friend. I want to use nyromodal as the gallery, however, I'd like for 
the gallery to load content from another folder. 

For example. If you click on a thumbnail, lets say a picture of a "shoe" then 
the gallery opens up with the picture of the shoe, but when you click "next" 
instead of the next thumbnail. It'll be different picture of the same shoe" 
Dec 17, 2009
Project Member #1 nyro...@gmail.com
To do that, you can simply create link hidden in the HTML but with the same rel
attribute.

An example will explain you a lot more :

<a href="images/shoe1-1.jpg" rel="shoe1" class="nyroModal"><img
src="images/thumb_shoe1-1.jpg" alt="shoe1" /></a>
<div class="hidden">
  <a href="images/shoe1-2.jpg" rel="shoe1" class="nyroModal">shoe1</a>
  <a href="images/shoe1-3.jpg" rel="shoe1" class="nyroModal">shoe1</a>
</div>

<a href="images/shoe2-1.jpg" rel="shoe2" class="nyroModal"><img
src="images/thumb_shoe2-1.jpg" alt="shoe2" /></a>
<div class="hidden">
  <a href="images/shoe2-2.jpg" rel="shoe2" class="nyroModal">shoe2</a>
  <a href="images/shoe2-3.jpg" rel="shoe2" class="nyroModal">shoe2</a>
</div>

and in your CSS, just add:
.hidden {
  display: none;
}

Hope it helped.
Apr 16, 2010
Project Member #2 nyro...@gmail.com
(No comment was entered for this change.)
Status: Fixed