?
Solved

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

Posted on 2010-11-19
6
Medium Priority
?
1,080 Views
Last Modified: 2012-05-10
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
0
Comment
Question by:sany101
  • 3
  • 3
6 Comments
 
LVL 52

Expert Comment

by:Carl Tawn
ID: 34172049
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
 

Author Comment

by:sany101
ID: 34172153
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
 
LVL 52

Expert Comment

by:Carl Tawn
ID: 34172175
Where are you putting that code?
0
What does it mean to be "Always On"?

Is your cloud always on? With an Always On cloud you won't have to worry about downtime for maintenance or software application code updates, ensuring that your bottom line isn't affected.

 

Author Comment

by:sany101
ID: 34172278
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
 
LVL 52

Accepted Solution

by:
Carl Tawn earned 2000 total points
ID: 34172448
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
 

Author Closing Comment

by:sany101
ID: 34173216
Perfect thanks
0

Featured Post

Concerto Cloud for Software Providers & ISVs

Can Concerto Cloud Services help you focus on evolving your application offerings, while delivering the best cloud experience to your customers? From DevOps to revenue models and customer support, the answer is yes!

Learn how Concerto can help you.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

When it comes to security, close monitoring is a must. According to WhiteHat Security annual report, a substantial number of all web applications are vulnerable always. Monitis offers a new product - fully-featured Website security monitoring and pr…
How do you create a user-centered user experience on your website? And what are some things you should consider in the process?
The viewer will learn how to dynamically set the form action using jQuery.
The viewer will learn how to create a basic form using some HTML5 and PHP for later processing. Set up your basic HTML file. Open your form tag and set the method and action attributes.: (CODE) Set up your first few inputs one for the name and …
Suggested Courses

621 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question