Skip to main content

This site requires you to update your browser. Your browsing experience maybe affected by not having the most up to date version.

We've moved the forum!

Please use forum.silverstripe.org for any new questions (announcement).
The forum archive will stick around, but will be read only.

You can also use our Slack channel or StackOverflow to ask for help.
Check out our community overview for more options to contribute.

DataObjectManager Module /

Discuss the DataObjectManager module, and the related ImageGallery module.

Moderators: martimiz, UncleCheese, Sean, Ed, biapar, Willr, Ingo, swaiba

Jquery Image Gallery


Go to End


2 Posts   1867 Views

Avatar
barrycorrigan

Community Member, 10 Posts

26 March 2011 at 4:34am

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

Avatar
barrycorrigan

Community Member, 10 Posts

26 March 2011 at 10:42am

Has anyone got any help for this. Any help would be great, even its a push in the right direction