Slideshows

Slide 1 (subpage)
Slide 2 (subpage)
Slide 3 (subpage)

How are slideshows created?

With Complexity, you have the power to create as many slideshows you want for your website. In the case of this demo, there are two that have been created, a slideshow for the homepage and one as example for what you can do on subpages. However you could create a hundred different slideshows if you wanted.

Individual slides are created easily from your WordPress admin panel with a custom post type called “Slides.” You can then categorize those slides into a custom taxonomy called “Slideshows.”

The above slideshow example pulls slides from a slideshow called “Subpage Slideshow” with a slug of “subpage-slideshow.” It is then inserted into this page with this simple shortcode:

[slideshow category="subpage-slideshow"]

Default options for the slideshow

"id" => "1", //A unique ID needs to be set for multiple slideshows on a page.
"effect" => "fade", //Transition between slides. See below for full list of effects.
"speed" => "3000", //Time between slides in milliseconds.
"category" =>"", //Slideshow category's slug.
"height" => "200px" //Height of images used in slidewshow, width must be 580px.

Transition effects

If you want to modify the transition effect from the default effect of “fade” you can declare it like this:

[slideshow category="subpage-slideshow" effect="scrollLeft"]

Below are all of the available effects you can choose from:

fade
blindX
blindY
blindZ
cover
curtainX
curtainY
fadeZoom
growX
growY
scrollUp
scrollDown
scrollLeft
scrollRight
scrollHorz
scrollVert
shuffle
slideX
slideY
toss
turnUp
turnDown
turnLeft
turnRight
uncover
wipe
zoom
none

More examples

Slide 1 (subpage)
Slide 2 (subpage)
Slide 3 (subpage)

[slideshow id="2" category="subpage-slideshow" effect="scrollLeft"]

Slide 1 (subpage)
Slide 2 (subpage)
Slide 3 (subpage)

[slideshow id="3" category="subpage-slideshow" effect="fadeZoom"]

Slide 1 (subpage)
Slide 2 (subpage)
Slide 3 (subpage)

[slideshow id="4" category="subpage-slideshow" effect="scrollUp" speed="7000"]

Homepage Slideshow

Populating your homepage slideshow is the same as creating slides for any other slideshow on your website. The only difference is that you can control all of the homepage slideshow’s options conveniently from your theme options page. Also, you can choose to substitute the animated slideshow with a custom block of HTML or hide it all together.

Slideshow Options

Slideshow Options