Join the waitlist

Add an image carousel to WordPress

Framed pictures that take turns, in a row, a deck, a scatter of prints, a mosaic, stepped columns, a spotlight or a turning orbit. They step by themselves, or by arrows, drag and swipe.

Get Grinner free
See it live

Type

A Grinner block

Find it

Press + and search “Image Rotator”

Phones

Swipe to step, and the new layouts change shape below 560px wide

Speed

Its code arrives only on pages with a rotator

Live demo

Pictures that take turns.

This is the real Image Rotator block, running on this page.

Image Rotator example, a row of colorful beach huts by the sea
Image Rotator example, a seaside pier at sunset with a little pavilion
Image Rotator example, a big wheel on the seafront at night
Image Rotator example, a sailing boat on a lilac sea with seagulls overhead
Image Rotator example, Tall colorful harbor houses above the water

Settings    Transition Centre Stage     Visible at a time 3     Show controls On hover

Live demo

Or round and round.

The same Image Rotator, set to Orbit.

Image Rotator example, a row of colorful beach huts by the sea
Image Rotator example, a seaside pier at sunset with a little pavilion
Image Rotator example, a big wheel on the seafront at night
Image Rotator example, a sailing boat on a lilac sea with seagulls overhead
Image Rotator example, Tall colorful harbor houses above the water

Settings    Layout Orbit     Tilt (°) 14     Image Height (px) 300

What you can change

The settings worth knowing.

Choose how many show, then a transition that suits that number.

Image Rotator example, a row of colorful beach huts by the sea
Image Rotator example, a seaside pier at sunset with a little pavilion
Image Rotator example, a big wheel on the seafront at night
Image Rotator example, a sailing boat on a lilac sea with seagulls overhead
Image Rotator example, Tall colorful harbor houses above the water

Transition

Eight transitions

In the Row layout, Slide and Snap work with any number, Fade, Zoom, Pixel Reveal and Card Drop need one at a time, and Centre Stage and Carousel Flow need three or five.

Image Rotator layouts, seven small sketches, a row, a deck, a polaroid scatter, a mosaic, stepped columns, a spotlight and an orbit

Layout

Seven layouts

Row, Deck, Polaroid scatter, Mosaic, Stepped columns, Spotlight and Orbit. Image Height (px) sizes every one.

Image Rotator example, a row of colorful beach huts by the sea
Image Rotator example, a seaside pier at sunset with a little pavilion
Image Rotator example, a big wheel on the seafront at night
Image Rotator example, a sailing boat on a lilac sea with seagulls overhead
Image Rotator example, Tall colorful harbor houses above the water

Show controls

Arrows or not

Always, on hover or hidden. Drag and swipe keep working either way.

Image Rotator example, a row of colorful beach huts by the sea
Image Rotator example, a seaside pier at sunset with a little pavilion
Image Rotator example, a big wheel on the seafront at night
Image Rotator example, a sailing boat on a lilac sea with seagulls overhead
Image Rotator example, Tall colorful harbor houses above the water

Focus treatment

Quieter sides

Turn, dim or gray the side pictures so the middle one leads.

How to add it

Three steps. No new tool.

1

Install Grinner free

It’s on WordPress.org. Or go to Plugins, Add New, and search for Grinner Blocks.

2

Add Image Rotator

Press + and search for Image Rotator, then add your pictures.

3

Pick a transition

Choose how many show at once and a transition that fits, then publish.

Good to know

Fair questions.

The Image Rotator is a Grinner block that shows one to six framed pictures and steps through them every few seconds, or by arrows, drag and swipe. A linked picture can open a page or a YouTube popup. Use it to show several pictures in the space of one.

Not dots. The Spotlight layout has a strip of thumbnails that fill like progress bars, and every layout has arrows, drag and swipe.

Yes. A linked picture can open a YouTube video in a popup.

No autoplay. Arrows and swipes still step, with an instant change.

No. That cover color is retired, so Pixel Reveal dissolves straight from one picture to the next.

Yes. Focus anywhere in the rotator pauses it, and with controls hidden the Pause button is the tab stop.

GrinBot -⁠ coming soon

Make your next site beautiful.

GrinBot designs and builds it for you. Join the waitlist for the launch price.

  • Studio-quality design
  • Built for speed
  • Pay once, no subscription

You’re on the list. We’ll email you when GrinBot launches.

Something went wrong. Please try again in a moment.

We’ll email you about the launch. Unsubscribe any time. Privacy policy

Or get the free Grinner plugin →

Pairs well with

Try it with these.

All images features

Image Slider

A strip of images that scrolls on its own, with soft faded edges.

Video popup button

A button that opens a YouTube video over the page.

Image hover effects

Tilt, lift, zoom, a glare sweep or gray to color under the pointer.

Grinner grinning

Go make something
beautiful.

Get Grinner free

Free on WordPress.org · No Pro version