{"id":33962,"date":"2019-03-04T10:21:55","date_gmt":"2019-03-04T10:21:55","guid":{"rendered":"http:\/\/getshortcodes.com\/?post_type=docs&p=33962"},"modified":"2022-11-29T07:53:36","modified_gmt":"2022-11-29T07:53:36","slug":"slider","status":"publish","type":"docs","link":"https:\/\/getshortcodes.com\/docs\/slider\/","title":{"rendered":"Slider"},"content":{"rendered":"\n

This shortcode is deprecated. Consider using Image Carousel<\/a> instead.<\/p>\n\n\n

Table of contents<\/p>\n\n

  1. Description<\/a><\/li>
  2. Options<\/a><\/li>
  3. Related articles<\/a><\/li><\/ol><\/li><\/ol>\n\n\n

    Description<\/h2>\n\n\n\n

    This shortcode allows you to create beautiful sliders.<\/p>\n\n\n\n

    Options<\/h2>\n\n\n\n
    Option name<\/th>Possible values<\/th>Default value<\/th><\/tr>
    source<\/strong>
    Choose images source. You can use images from Media library or retrieve it from posts (thumbnails) posted under specified blog category. You can also pick any custom taxonomy<\/td>    		media: 1,2,3 (Media file IDs)
    posts: 1,2,3 (Post IDs)
    posts: recent (Recent posts)
    taxonomy: book\/3,5 (Taxonomy term slug \/ term IDs)<\/td>    		none<\/td><\/tr>
    limit<\/strong>
    Maximum number of image source posts (for recent posts, category and custom taxonomy)<\/td>    		Number from -1 to 100<\/td>20<\/td><\/tr>
    link<\/strong>
    Select which links will be used for images in this gallery<\/td>    		none (None)
    image (Full-size image)
    lightbox (Lightbox)
    custom (Slide link (added in media editor))
    attachment (Attachment page)
    post (Post permalink)<\/td>    		none<\/td><\/tr>
    target<\/strong>
    Open links in<\/td>    		self (Open in same tab)
    blank (Open in new tab)<\/td>    		self<\/td><\/tr>
    width<\/strong>
    Slider width (in pixels)<\/td>    		Number from 200 to 1600<\/td>600<\/td><\/tr>
    height<\/strong>
    Slider height (in pixels)<\/td>    		Number from 200 to 1600<\/td>300<\/td><\/tr>
    responsive<\/strong>
    Ignore width and height parameters and make slider responsive<\/td>    		yes or no<\/td>yes<\/td><\/tr>
    title<\/strong>
    Display slide titles<\/td>    		yes or no<\/td>yes<\/td><\/tr>
    centered<\/strong>
    Is slider centered on the page<\/td>    		yes or no<\/td>yes<\/td><\/tr>
    arrows<\/strong>
    Show left and right arrows<\/td>    		yes or no<\/td>yes<\/td><\/tr>
    pages<\/strong>
    Show pagination<\/td>    		yes or no<\/td>yes<\/td><\/tr>
    mousewheel<\/strong>
    Allow to change slides with mouse wheel<\/td>    		yes or no<\/td>yes<\/td><\/tr>
    autoplay<\/strong>
    Choose interval between slide animations. Set to 0 to disable autoplay<\/td>    		Number from 0 to 100000<\/td>5000<\/td><\/tr>
    speed<\/strong>
    Specify animation speed<\/td>    		Number from 0 to 20000<\/td>600<\/td><\/tr>
    class<\/strong>
    Additional CSS class name(s) separated by space(s)<\/td>    		CSS class name(s) separated by space(s)<\/td>\u2013 none \u2013<\/em><\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n

    Photos by Matt Palmer<\/a><\/p>\n\n\n\n

    Related articles<\/h2>\n\n\n\n