Slider - [aspen_slider] 
Alternative names: [weaver_slider ...], [slider ...], and the same for the other components for this shortcode

The Aspen [aspen_slider] shortcode is based on the bxSlider jQuery slider script. This elegant and powerful tool allows you to generate sliders of almost any size, with any content - images, videos, even arbitrary HTML. Because it is so flexible, you should read the Help file tutorial on just how to use this shortcode.

For quick reference, this is a simple example of a horizontal slider with images from the Aspen Theme banners.

[aspen_slider id=bxslider]
    [aspen_slide]<img alt="" src="/wp-content/themes/aspen/images/headers/aspen-grove.jpg" />[/aspen_slide]
    [aspen_slide]<img alt="" src="/wp-content/themes/aspen/images/headers/maroon-bells.jpg" />[/aspen_slide]
    [aspen_slide]<img alt="" src="/wp-content/themes/aspen/images/headers/mountain-stream.jpg" />[/aspen_slide]
    [aspen_slide]<img alt="" src="/wp-content/themes/aspen/images/headers/mum.jpg" />[/aspen_slide]
    [aspen_slide]<img alt="" src="/wp-content/themes/aspen/images/headers/sopris.jpg" />[/aspen_slide]
[/aspen_slider]

Notes: You can specify any option supported by bxSlider to the [aspen_slider] shortcode. The standard desktop size of the slider is determined by the widest and tallest items in the slider. For the best looking image slider, all images should be the same size. The slider automatically resizes for smaller screens. You can specify a thumbnail index using the [aspen_slider_pager] and [aspen_slider_index] shortcodes. See the Help file for an example. You can use the [aspen_slider_options] shortcode to specify bxSlider options while using <ul> and <li> elements to define the slider, as found in the examples on the bxSlider.com website. Since slider content may be HTML, you can create a blog post slider using the [aspen_show_posts] shortcode. You can add <a> links around images, or almost any other html code you need.

For best display of videos in a slider, use either the embedded iframe code provided by YouTube or Vimeo, and check the "Support Videos in Sliders" option below. You can also use [aspen_youtube] or [aspen_vimeo] for videos in a slider, but you will have to specify a specific width (e.g., w='640') so that the slider responsive resizing is used instead of the Aspen plugin resizing. Note that WordPress automatic recognition of video links does not work inside the slider shortcode.

Options for Slider Shortcode

Support Videos in Sliders - Enable videos in sliders. Will use an additional script to make videos fit the slider, and responsively resize. This auto-resize script will apply to all videos on pages with sliders. You will get best results using the embed code provided by the video host (e.g., YouTube, Vimeo). If you use [aspen_youtube] or [aspen_vimeo], you must specify a width (e.g., w=940) to allow this feature to work. IMPORTANT: Be sure to specify "video=true" for the [aspen_slider] shortcode. If you have checked Use FitVids Script for Videos on the Videos tab, then you do not need to add "video=true" to [aspen_slider].'); aspen_sw_form_checkbox('slider_easing', 'Use Alternate Easing Animation - If you use the useCSS=false option, you need to check this option to load the proper easing animation script. See the bxSlider website for details.'); ?>