Code to amend this JQuery simpleSli.de script to auto slide

Hi,

please look at this example on the simplesli.de website:

http://www.simplesli.de/examples/fullpage.html

I've tried adding auto-slideshow with no success and wondered if someone can alter the code on the above fullpage.html example to autoslide the images?

Thanks
sany101Asked:
Who is Participating?
 
Carl TawnConnect With a Mentor Systems and Integration DeveloperCommented:
For quick and easy cheat change:
<div class="right-button" rel="this_particular_slideshow">&gt;</div>

Open in new window

To:
<div id="right-button" class="right-button" rel="this_particular_slideshow">&gt;</div>

Open in new window

And add the following to the Head section, right before the closing </script> tag:
setInterval('document.getElementById(\'right-button\').click();', 10000);

Open in new window

0
 
Carl TawnSystems and Integration DeveloperCommented:
Well, without digging into the code too much, it looks like you just need to call "resizer();" to make it move:
   setInterval('resizer();', 10000);     // auto slide every 10 seconds

Open in new window

0
 
sany101Author Commented:
Thanks Carl,

It says you need to add code below but not sure I'm getting this right as it's not working for me.




<div class="auto-slider" rel="group"></div>

// Add this javascript, and ensure it appears after the simpleSlide() call

$('.auto-slider').each( function() {
    var related_group = $(this).attr('rel');

    window.setInterval("simpleSlideAction('.right-button', " + related_group + ");", 4000);
});

Open in new window

0
Easily Design & Build Your Next Website

Squarespace’s all-in-one platform gives you everything you need to express yourself creatively online, whether it is with a domain, website, or online store. Get started with your free trial today, and when ready, take 10% off your first purchase with offer code 'EXPERTS'.

 
Carl TawnSystems and Integration DeveloperCommented:
Where are you putting that code?
0
 
sany101Author Commented:
Tried in the header under

var timer = '';


I've also added the class auto-slider to the Div containing the images but not sure that's the right place for it.
0
 
sany101Author Commented:
Perfect thanks
0
Question has a verified solution.

Are you are experiencing a similar issue? Get a personalized answer when you ask a related question.

Have a better answer? Share it in a comment.

All Courses

From novice to tech pro — start learning today.