How do I make the homepage or project slideshow...

« See all FAQs for Silverio

How do I make the homepage or project slideshow rotate automatically, or change the transition?

Both slideshow use the Jquery Cycle plugin. It’s very easy to configure.

  1. open the file silverio/js/slideshow.js with your text editor
  2. scroll all the way down until you see this block of code:
    //homepage slider
        $("#slider").cycle({
                fx:'fade',
                speed:500,
                //note: do not set timer too low to leave enough time for thumbnail fade in & out animation
                timeout:0,
                pause:true,
                pager:'#pager',
                pagerAnchorBuilder: pagerFunction,
                before:beforeFunction
        });
  3. to make the slideshow rotate automatically, change the value of timeout to something like 3000 (for 3000 milliseconds)
  4. to change the slideshow effect, change the fx parameter to one of the effects in this list
by
by
by
by
by
by