Hi Everyone,
Im using this plugin on my website using Jquery http://flowplayer.org/tools/tabs/slideshow.html. Mainly because it's the easiest to set up.
in previous themes I have only used this as static an I would add the images myself directly. This time I would like the client to upload their own photos this is the working code in HTML.
<a class="backward">prev</a>
<div class="images">
<div><a href="#"><img src="/themes/bagitup/_images/main/showreel/showreel-image-1.jpg" alt="Bag it Up" /></a></div>
<div><a href="#"><img src="/themes/bagitup/_images/main/showreel/showreel-image-1.jpg" alt="Bag it Up" /></a></div>
<div><a href="#"><img src="/themes/bagitup/_images/main/showreel/showreel-image-1.jpg" alt="Bag it Up" /></a></div>
<div><a href="#"><img src="/themes/bagitup/_images/main/showreel/showreel-image-1.jpg" alt="Bag it Up" /></a></div>
<div><a href="#"><img src="/themes/bagitup/_images/main/showreel/showreel-image-1.jpg" alt="Bag it Up" /></a></div>
</div>
<a class="forward">next</a>
<div class="slidetabs">
<a href="#"></a>
<a href="#"></a>
<a href="#"></a>
<a href="#"></a>
<a href="#"></a>
</div>
So let me explain this. So the images div is where the main images will be stored. The slidetabs div are the navigator dots that lets you navigate between each photo so you look at the photo. So if you have 5 images you will need five <a> tags in the slidetabs div.
Please help me with this I would love for this to be working. As you probably guessed i'm new to Silver Stripe
Thanks for the Help
Barry