GM HTML Carousel

GM HTML Carousel creates a text or HTML carousel with infinite scrolling directly from your WordPress page. No messing with admin settings or entering content into a databse.

The carousel is implemented using simple shortcodes.

Features

1. Super simple.
2. Infinite carousel loop.
3. Carousel items are navigable. Desktop uses click navigation. Mobile uses left/right swipe navigation.
4. Simple shortcode attributes allow you to modify height, width and the delay between cycling the next carousel item.

Using the carousel shortcodes

The carousel is displayed by using the [gm_carousel][/gm_carousel] shortcode.

You can add as many ‘carousel items’ within that shortcode as you like. These are just text or HTML blocks wrapped with [gm_carousel_item][/gm_carousel_item] shortcode.

You can include images, text styling and links. Pretty much anything you can put on a WordPress page.

The [gm_carousel] shortcode accepts 3 attributes: 1. height: Sets the height in pixels for the carousel. 2. width: Sets the width in pixels for the carousel. 3. delay: Sets the time in seconds that the carousel will wait before displaying rotating in the next carousel item.

Here’s a complete example:

[gm_carousel height=175 width=600 delay=6] [gm_carousel_item]Hi, I’m the first carousel item.[/gm_carousel_item] [gm_carousel_item]And this is the second carousel item.[/gm_carousel_item] [gm_carousel_item]Well, two out of three ain’t bad.[/gm_carousel_item] [/gm_carousel]

So this carousel will be 175px tall, 600px wide and each carousel item will be displayed for 6 seconds before the next carousel item is displayed. The first carousel item has the word ‘carousel’ wrapped in a tag and will show up bold.

Attributions

• Carousel by faisalovers from the Noun Project
• Banner art from Wooden horses (1936) by Reginald Marsh