My favorites | Sign in
Project Home Downloads Issues
READ-ONLY: This project has been archived. For more information see this post.
Search
for
  Advanced search   Search tips   Subscriptions
Issue 397: How to load images from other folders
2 people starred this issue and may be notified of changes. Back to list
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

Powered by Google Project Hosting