Basic img gallery question: extending this simple example
I want to create an extremely simple image gallery. Please look at this great example, where an image is loaded in onLoad:
http://jqueryfordesigners.com/demo/image-load-demo.php
I'd like to extend this example to work with an unordered list of links, each linking to an image. On clicking list-items, the relevant image would be loaded into the container. For example, a list like this:
When first accessing the page, the first item in the list would be loaded into the image container. Then, clicking any of the links would load a new animal into the container. I'd also like to make use of a "loading" placeholder and fade stuff in and out, just like in the example linked above.
Would anyone be willing to help me out? I'm a bit out of my depth here, I've tried looking at several plugins but they all go way beyond my needs (and over my head) and I want to keep this as simple as possible.
Thanks for reading!
http://jqueryfordesigners.com/demo/image-load-demo.php
I'd like to extend this example to work with an unordered list of links, each linking to an image. On clicking list-items, the relevant image would be loaded into the container. For example, a list like this:
-
<ul>
<li><a href="dog.jpg">Dog</a></li>
<li><a href="cat.jpg">Cat</a></li>
<li><a href="mouse.jpg">Mouse</a></li>
</ul>
When first accessing the page, the first item in the list would be loaded into the image container. Then, clicking any of the links would load a new animal into the container. I'd also like to make use of a "loading" placeholder and fade stuff in and out, just like in the example linked above.
Would anyone be willing to help me out? I'm a bit out of my depth here, I've tried looking at several plugins but they all go way beyond my needs (and over my head) and I want to keep this as simple as possible.
Thanks for reading!
Topic Participants
tomvdv