Comments on: Coding a Rotating Image Slideshow w/ CSS3 and jQuery

By: Ypz

Ypz — Tue, 29 Jan 2013 15:11:25 +0000

First of all a big thanks for your effort! I have little knowledge of html&css (just started), but your tutorial helped me include a proper slideshow in my homepage. But I also have the problem, that the pics get rotated wrong after you went through the slideshow the first time. I tried to google the prob but with little to no success. Isnt there a way of defining the last picture in the slideshow as such, so the show would stop at the end?
Please give me a little tip how to do it or where to look it up!
Greetings from Germany!

By: shenlan51

shenlan51 — Thu, 24 Jan 2013 07:01:59 +0000

very good,I like it

By: Alex

Alex — Thu, 06 Sep 2012 09:09:55 +0000

Hi. I need to make this slide to autoplay.
I am a beginer in javascript.
Can somebady help me to make this script to autoplay? I meen this script.
THX.

By: Keith J Chesworth

Keith J Chesworth — Sat, 25 Aug 2012 15:13:20 +0000

I am having the flip problem with over four graphics as well, sorry to be doing a 'me too', but can anybody give me a fix, please?
TIA
Keith

By: nadeem ahmed

nadeem ahmed — Tue, 12 Jun 2012 09:42:47 +0000

hello

can we use this for both personal and commercial for free?

Thanks & Regards
Nadeem

By: PaulB

PaulB — Thu, 07 Jun 2012 21:24:19 +0000

Pretty cool scripting!

I too am seeing odd rotation--I think a bit different from the above reports (using Firefox 13). With 18 images listed, going through the second time rotates them 180 degrees (and back to normal on a third go-round). Cutting back to four images results in a 90 degree rotation with each cycle.

Also, I'm not crazy about the handling of non-square images, as I see either end of the next image crisscrossed underneath the present image at any given time. Is there any way to eliminate this (without just cropping my images to squares)?

By: Robyn California

Robyn California — Sat, 02 Jun 2012 21:41:19 +0000

I wanted to thank you for this! With some small jiggering, I managed to implement this for great effect for a client! It's a totally awesome script!

By: Claudio

Claudio — Tue, 24 Apr 2012 09:34:00 +0000

I also have the same problem, if I have more than 4 images at the end of the first cycle

, the second cycle, I see the images rotated by 90 ° in the direction, how do I fix this problem?

By: SuperChunk

SuperChunk — Thu, 22 Mar 2012 23:18:31 +0000

Actually, you don't need to make the changes to the declarations area... just the three specific lines.

By: SuperChunk

SuperChunk — Thu, 22 Mar 2012 23:15:41 +0000

Not sure if you figured it out, but I figured I'd post the solution as others may run into the same problem. Basically the script.js code was not correctly identifying which list items to make changes too. So you have to explicitly state it via the IDs. Make the following changes Declarations: var slideShow = $('#slideShow'), ul = $('#slideShow ul'), li = $('#slideShow li'), cnt = li.length; Line 41: $('#slideShow li:first').fadeOut('slow',function(){ Line 89: $('#slideShow li:first').fadeOut('slow',function(){ Line 96: var liLast = $('#slideShow li:last').hide().remove().prependTo(ul);