Comments on: Pure CSS3 Rounded Corners Slideshow

By: Vidyut Kale

Vidyut Kale — Thu, 16 Dec 2010 21:29:26 +0000

You may want to comment there if there is something you want to know, as I will probably not be following this page with any regularity. I hadn’t still closed it when I had a powercut, so it reloaded with your comment, which is how I saw it

Or add a plugin to email comment updates or something

By: Vidyut Kale

Vidyut Kale — Thu, 16 Dec 2010 21:20:18 +0000

Hi,

I don’t have time to make a post, but I’ve added a version of the theme that has the code working.

The theme itself isn’t where I want to bring it – this is more a halt by the wayside version – lots of features and troubleshooting left, but then I don’t know how long that will take so…

I’m using php to output the css3 animation right alongside the html in the shortcode itself. You can see the shortcode.php

You can find the theme at http://vidyut.net/themes/nisarga/

By: Scott Gale

Scott Gale — Thu, 16 Dec 2010 19:11:16 +0000

That sounds great. Let me know when you post it. I love the thought of the automatic output of the css3 code. You are doing that on the back-end I assume?

By: Vidyut Kale

Vidyut Kale — Thu, 16 Dec 2010 13:11:00 +0000

Hi Scott,

I’ve written a WordPress theme with a similar slideshow, that basically uses a shortcode to make a css3 slideshow out of all the images attached (very similar to this). It has fallbacks for browsers that don’t support animation. It has a function for automatically outputting the css3 code as well as the duration of the whole animation based on the number of images attached.

Some work is pending, but it will be released within a week or two (got a young son, so time is a problem). If it is urgent, I can make a post with the shortcode as a kind of tutorial or something. Let me know.

Vidyut

By: Scott Gale

Scott Gale — Wed, 01 Dec 2010 00:42:42 +0000

Brett, that usually means that you haven’t gotten the timing correct with the percentages. You have to change them according to how many slides you have. If you want to email me (blog@scottgale.com) the example you are struggling with I can take a look. At some point I would like to write a function that calculates the percentages based on the number of slides. Someone might of already worked that out.

By: Brett Valls

Brett Valls — Sat, 20 Nov 2010 18:41:26 +0000

First of all this is a great tutorial so thank you, I’ve been searching for some code like this for a while.

But I am having one major problem, and that is after my last image, my slideshow just cuts right back to the first without a dissolve effect. how can I change this?

By: Jeiji

Jeiji — Fri, 19 Nov 2010 22:54:01 +0000

OH WOW. This is EXACTLY what I need, and it is BEAUTIFUL.

By: Harold

Harold — Thu, 21 Oct 2010 01:55:47 +0000

Thank you Scott. I’m glad you thought to post this example. I am going to put this to good use.

By: Scott Gale

Scott Gale — Fri, 20 Aug 2010 17:30:50 +0000

Yeah, one big problem with the existing tutorial is that it is not dynamic in nature. Even though it is pure CSS it still requires a knowledge of the total number of slides to write the CSS. Manual advance would be possible using some sort of hover styling technique I imagine but the goal was to do as much as I could without using JS. I’ll experiment with that idea and post anything if I discover some new options.

By: Oscar

Oscar — Fri, 20 Aug 2010 07:03:35 +0000

CSS3 NICE : )

need to make another tutorial with manual advance as an option.