Creating an image slideshow in posts and pages

December 17, 2012 in Front Page News, WordPress by A Stringfellow

Your website carousel isn’t the only slideshow you can use on your website. Using a simple technique you can use slideshow effects in posts and pages as well.


To get started you’ll first need to get your images together in a standard post or page. To do this just insert the images in the normal way so they show like below:

Now comes the clever part. In your post editor click the HTML tab and find the code for the images. You’ll need to surround this code with a div element that has a class of cycle.

The result will be that each element within these div tags will cycle through and fade into each other. This will usually be images but you can actually do it with other elements as well such as text. See the result below.