Sliders

Big Slider

Image 1
Image 2
Image 3


Medium Slider

Image 1
Image 2
Image 3

Small Slider

Image 1
Image 2
Image 3


Slider shortcode instructions:

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

Example usage:

[slider size="big" effect="fade" slices="10" numberimages="5" exclude="14,16" /]

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

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 [image] shortcode to add the images to the [slider_custom] shortcode like for example:

[slider_custom size="big"]
	[image img="http://edge.unispheredesign.com/wp-content/uploads/placeholders/960x350.jpg" url="http://edge.unispheredesign.com/wp-content/uploads/placeholders/960x350.jpg" alt="Image 1"/]
	[image img="http://edge.unispheredesign.com/wp-content/uploads/placeholders/960x350.jpg" url="http://edge.unispheredesign.com/wp-content/uploads/placeholders/960x350.jpg" alt="Image 2"/]
	[image img="http://edge.unispheredesign.com/wp-content/uploads/placeholders/960x350.jpg" url="http://edge.unispheredesign.com/wp-content/uploads/placeholders/960x350.jpg" alt="Image 3"/]
[/slider_custom]

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