| Issue 397: | How to load images from other folders | |
| 2 people starred this issue and may be notified of changes. | Back to list |
|
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"
Apr 16, 2010
(No comment was entered for this change.)
Status:
Fixed
|
||||||||
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.