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.



Lesley Elson said on February 4, 2013
Hello Adam
Read your post with interest. Have tried this three times now and it sort of works except my images (coloured text) are fading next to each other, not on top as yours above does. Can you help
A Stringfellow said on February 4, 2013
Hi Lesley,
Can you email me a link to the post where this isn’t working? I’ll take a look and sort this out for you!
Kind Regards,
Adam