Big Slider

[slider_custom size=”big”]
Image 1
Image 2
Image 3
[/slider_custom]
[hr2/]

Medium Slider

[slider_custom size=”medium”]
Image 1
Image 2
Image 3
[/slider_custom] [/fusion_builder_column_inner]

Small Slider

[slider_custom size=”small” slices=”8″]
Image 1
Image 2
Image 3
[/slider_custom] [/one_fourth_last] [hr2/]

Slider shortcode instructions:

There are 2 different slider shortcodes. The first one show post/page image attachments and has the following arguments:

  • size: big, medium, small. (default: medium)
  • effect: random, fold, fade, sliceDown, sliceUp, sliceDownRight, sliceDownLeft, sliceUpRight, sliceUpLeft, sliceUpDown. (default: random)
  • slices: number of slices used in the animation. (default: 15)
  • animspeed: number of milliseconds of each transition animation. (default: 500)
  • pausetime: number of milliseconds between transitions (default: 4000)
  • numberimages: number of images to get from post/page attachments (default: 20)
  • lightbox: true, false (default: true)
  • exclude: use this argument to exclude attachments from the slider using a comma separated list of IDs
  • include: use this argument to only include the attachments you specify using a comma separated list of IDs

Example usage:

    [hr/]

    The second one enables you to build a slider from images URLs (they can be hosted elsewhere) and has the following arguments:

    • size: big, medium, small. (default: medium)
    • effect: random, fold, fade, sliceDown, sliceUp, sliceDownRight, sliceDownLeft, sliceUpRight, sliceUpLeft, sliceUpDown. (default: random)
    • slices: number of slices used in the animation. (default: 15)
    • animspeed: number of milliseconds of each transition animation. (default: 500)
    • pausetime: number of milliseconds between transitions (default: 4000)

    Example usage:

    [slider_custom size="big"]
	<a href="#" rel="lightbox[1]"><img src="http://edge.unispheredesign.com/wp-content/uploads/placeholders/960x350.jpg" alt="" title="Image 1" /></a>
	<a href="#" rel="lightbox[1]"><img src="http://edge.unispheredesign.com/wp-content/uploads/placeholders/960x350.jpg" alt="" title="Image 2" /></a>
	<a href="#" rel="lightbox[1]"><img src="http://edge.unispheredesign.com/wp-content/uploads/placeholders/960x350.jpg" alt="" title="Image 3" /></a>
[/slider_custom]

    You can also use the

    shortcode to add the images to the [slider_custom] shortcode like for example:

    [slider_custom size="big"]
	
    Image 1
    
	
    Image 2
    
	
    Image 3
    
[/slider_custom]

    Note: If you use the [slider_custom] shortcode make sure to resize the images as they won’t automatically resize.