Home / Shortcodes /
Image slider

The large slider can be used on any page you want. For example, you can add it to the top of your frontpage to show off your work or services! You can also use it inside columns to get a smaller sized slider.

 

An image slider inside a column

This is a nice example of the flexibility of the image slider shortcode. By placing it inside a column shortcode you can basicly use it for anything you want. Imagine using this on the frontpage explaining your services or products with this slider next to it!

 

Post List [imageslider]

Enables you to show a slideshow of images anywhere.

Parameters

  • margin

    Enables you to add margins to the element
    Default: normal

    Possible Values

    • small
      Add a margin of 22px below the line
    • normal
      Add a margin of 44px below the line
    • large
      Add a margin of 66px below the line
    • css value
      If you would like to add a margin to the element use the following notation: 11px 20px 8px 9px. The element will have a 11px top margin, a 20px right margin, an 8px bottom margin and a 9px left margin.

  • style

    Add custom styles to this element

    Possible Values

    • css rules
      Add any css rules as if you were adding them inline. To add a border and a margin for example you could write: "margin-bottom:10px; border:1px solid white"

  • animation

    Change the type of animation used in this element
    Default: slide

    Possible Values

    • fade
      Items fade into each other
    • slide
      Items use a slide transition

  • direction

    Change the direction of the animation used in this element (only applicable for slide animations)
    Default: horizontal

    Possible Values

    • horizontal
      Items will slide to the side
    • vertical
      Items will scroll vertically

  • slideshow_speed

    The amount of time each item is shown for
    Default: 7000

    Possible Values

    • miliseconds
      The amount of time you'd like each item to be shown, in miliseconds

  • animation_speed

    The amount of time it takes for the animation to complete
    Default: 600

    Possible Values

    • miliseconds
      The amount of time you'd like the animations to take, in miliseconds

  • pause_on_hover

    Define weather you want the slideshow to pause when the user hovers over them
    Default: yes

    Possible Values

    • yes
      The slideshow will stop while users are hovered over it
    • no
      The slideshow will not stop while users are hovered over it

  • height

    Specify the height of the slider
    Default: 400px

    Possible Values

    • css_value
      A valid css height.

  • controls

    Change weather the controls are shown or not
    Default: yes

    Possible Values

    • yes
      Navigation controls will be shown for this slider
    • no
      Navigation will be hidden for this slider

  • images

    Select the images to show in this slider
    Default: all

    Possible Values

    • [ID,ID,ID]
      Add any number of image IDs to show. The post editor has an insert slider button which you can use to easily select images for a slider
    • all
      All images attached to the current post will be used in the slider

  • show_title

    Show the image title in the slider (make sure to fill out the title field when uploading images)
    Default: no

    Possible Values

    • yes
      The title will be shown in the slider
    • no
      The title will not be shown in the slider

  • show_description

    Show the image description in the slider (make sure to fill out the description field when uploading images)
    Default: no

    Possible Values

    • yes
      The description will be shown in the slider
    • no
      The description will not be shown in the slider

  • layout

    The layout you would like to use to display the items
    Default: default

    Possible Values

    • default