Slidr

[ slidr ]

Loading...

lalalalalalalalalalalalala

Post title 8

Post excerpt

Post title 7

Post excerpt

Post title 6

Post excerpt

Post title 5

Post excerpt

Post title 4

Post excerpt

Post title 3

Post excerpt

Post title 2

Post excerpt

Post title 1

Post excerpt

 

[ slidr cycle=”auto” ]

Loading...

lalalalalalalalalalalalala

Post title 8

Post excerpt

Post title 7

Post excerpt

Post title 6

Post excerpt

Post title 5

Post excerpt

Post title 4

Post excerpt

Post title 3

Post excerpt

Post title 2

Post excerpt

Post title 1

Post excerpt

 

[ slidr cycle=”auto” speed=”1500″ ]

Loading...

lalalalalalalalalalalalala

Post title 8

Post excerpt

Post title 7

Post excerpt

Post title 6

Post excerpt

Post title 5

Post excerpt

Post title 4

Post excerpt

Post title 3

Post excerpt

Post title 2

Post excerpt

Post title 1

Post excerpt

 

[ slidr gallery=”15,18,16,17,19,20,21,22″ size=”medium” height=”250″ ]

Loading...

[ slidr category=”2″ cycle=”yes” img_link=”no” ]

Loading...

Post title 6

Post excerpt

Post title 5

Post excerpt

Post title 4

Post excerpt

Post title 3

Post excerpt

Post title 2

Post excerpt

Post title 1

Post excerpt

 

[ slidr gallery=”15,18,16,17,19,20,21,22″ info_box=”no” ]

Loading...

 

[ slidr thumb=”no” category=”2″ class=”demo-nothumbs” ]

Loading...

Post title 6

Post excerpt

Post title 5

Post excerpt

Post title 4

Post excerpt

Post title 3

Post excerpt

Post title 2

Post excerpt

Post title 1

Post excerpt

slidr_loop() demos

Parameters

  1. [ slidr loader="no" ] : Shows a “loading” animation until all items are loaded. By default it is enabled.
  2. [ slidr cycle="yes" ] : If enabled, when the carousel reaches its first or last item, instead of stopping it loads the last or first item respectivelly, simulating a circular move. With [ slidr cycle="auto" ] you can enable autoscoll, which animates the carousel automatically every 4 seconds.
  3. [ slidr speed="4000" ] : Set the autoscroll speed in miliseconds. Default value is 4000ms (4 seconds). This option works only if “cycle” parameter, mentioned above, is set to “auto”.
  4. [ slidr nav="hide" ] : Completely hides the navigation buttons.
  5. [ slidr gallery="yes" ] : Instead of posts, the Carousel can be used in “Gallery mode” displaying the images attached to the post in which you call it. By default it is disabled. You can use gallery mode with specific images, by providing the IDs of those images like so: [ slidr gallery="1,2,3" ]. If gallery mode is enabled, then other conflicting parameters such as post type or hide thumbnail will be ignored.
  6. [ slidr gallery_link="attachment" ] : Whether each item’s link should lead to the attachment page or the actual media file if gallery mode is enabled. Default is the Media file. If gallery mode is set to “no” (disabled), then this setting is ignored.
  7. [ slidr type="post_type" ] : The post type whose items will be displayed in the carousel (e.g. [ slidr type="post" ] for posts, [ slidr type="page" ] for pages etc.). Default value is “post”.
  8. [ slidr number=some_number ] : The number of items to be displayed. Pay attention to the lack of quotation marks (e.g. [ slidr number=15 ]). Default value is 10.
  9. [ slidr category="category_id" ] : The category from which you want to get your items. You should use the categorie’s ID like [ slidr category="2" ]. By default this option is disabled, to get all categories.
  10. [ slidr parent="parent_page_id" ] : Display the children of a page. You should use the page’s ID like [ slidr parent="2" ]. By default this option is disabled.
  11. [ slidr sticky="yes" ] : By default the plugin doesn’t care about whether a post is sticky. To only show sticky posts, though, use [ slidr sticky="yes" ]).
  12. [ slidr orderby="date" ] : The items’ order. Default order is by date.
  13. [ slidr order="ASC" ] : Whether the order will be ascending (ASC) or descentind (DESC). Default is “DESC” (descending). If the gallery mode is enabled and is set to get specific images, then this order option gets ignored and the images are ordered based on how the user added the image IDs in his/her shortcode.
  14. [ slidr size="thumbnail" ] : The thumbnail size, based on the registered sizes of your theme. Default value is “thumbnail”. Other options usually include “medium”, “large” and “original”.
  15. [ slidr thumb="no" ] : If you need the carousel to display posts without thumbnails, you can completely disable images. Default value is enabled, of course.
  16. [ slidr info_box="no" ] : By default each item shows a box with the title and excerpt on mouseover or tap. With this option you can disable it.
  17. [ slidr excerpt="no" ] : Hide the excerpt from the info box.
  18. [ slidr img_link="no" ] : Remove the link from each image.
  19. [ slidr class="yourclass" ] : If you have carousels in many different pages, there is a chance that you want to style them separately. With this option you can add a custom class at the carousel’s outer container and customize it using CSS.