Cory's profile picture

Layout published by Cory

published

View Layouts

View Profile

Report Layout

5-Image Slideshow

Tags: css, slideshow, cory, pacdude

Description:

Marquees are easy ways to make slideshows, but I'm not an easy guy, so let's get use some MATH to figure out how to make traditional fading slideshows. You can see an example on my page, underneath the Books You Should Read section. 

I've figured out the math for a 4-image, 5-image and 6-image slideshow. If this post blows up, I'll work out the math for more. I'm leaving the 5-image code here, but if you want the other codes, please check out my bulletin: CSS/HTML Snippet: Slideshows

Implementing the slideshow is easy! Copy the code, paste it wherever you'd like the slideshow to appear, and then replace the image URLs at the top of the code with the images you'd like to use, and then if you'd like, change the time to be any amount of seconds. Right now, it's set to 30 seconds. Whenever you change the time, make sure you put an 's' at the end to tell the CSS you want it to be in seconds. I don't know if 'm' works for minutes but I wouldn't chance it.

Preview:

Layout Screenshot
click on the image for a larger preview

Copy and paste this code into the "About me" section of your Profile to use it.

Caution: This Layout was not inspected by SpaceHey — use it at your own risk.


Comments

Displaying 2 of 2 comments ( View all | Add Comment )

Mr.timer ( Lucifer )

Mr.timer ( Lucifer )'s profile picture

doesnt work for me :/


Report Comment

Julia*5D*

Julia*5D*'s profile picture

Thanks!


Report Comment