Comments on: A Beautiful Apple-style Slideshow Gallery With CSS & jQuery

By: Micha

Micha — Thu, 14 Mar 2013 23:02:21 +0000

I use these slider on one of my microstock websites. Looks and works great...

By: Dev

Dev — Sat, 23 Feb 2013 05:58:10 +0000

Been looking for tutorials on this cool image slider. Pretty awesome! I don't why you didn't make it auto-slide? Anyway, thanks a lot, buddy! Cheers!

By: Serg

Serg — Mon, 11 Feb 2013 07:51:07 +0000

Thanks alot, this is an great example slider

By: zavera

zavera — Fri, 04 Jan 2013 13:07:47 +0000

This is amazing slider tutorial, would be nice to see it works on responsive webdesign sites and the problem with thumbnails for auto sliding!

By: j

Thu, 27 Dec 2012 23:20:30 +0000

Great tutorial. I am having one problem in that my thumbnail pictures do not always stay in line (sometimes on refresh, usually the last one of the 4, but sometimes the 2nd or 3rd or multiple) move down about 25px making it noticably out of line (and half of it not showing due to overflow:hidden....I've posted this issue on stackoverflow and no one can seem to figure it out: http://stackoverflow.com/questions/14061143/css-positioning-anomaly-safari-chrome

By: Jenny

Jenny — Thu, 29 Nov 2012 21:05:57 +0000

Your tutorials are awesome. I am trying to eliminate the menu buttons and just have the gallery slide at a setInterval.....I'm struggling to do so though.. I used the first half of your script, and then went on to try using window.setInterval(function(){animation code here},5000);

By: Ja ier gal

Ja ier gal — Mon, 29 Oct 2012 03:31:43 +0000

Great TUT!!!
i will love to know if there is a way to make it start again by it self (Just repeat and Repeat)
Looking forward for you answer (best by email :) )
thanks again for the tutorial!!

By: Jae

Jae — Tue, 09 Oct 2012 17:50:32 +0000

Nevermind. Found the code by Dan in comments.

However, menu position is incorrect. It skips by 2.

Hence, instead of:

var menuPosition = pos + 2;

it should be

var menuPosition = pos + 1;

hope this helps.

By: Jae

Jae — Tue, 09 Oct 2012 17:32:09 +0000

thanks for the article. how would you add a "next" "prev" arrow to this?

By: Rachel

Rachel — Fri, 28 Sep 2012 04:28:18 +0000

Hi I love your tutorial and I have a question is there a way to rotate the bottom part for example I have 4 images but at the beginning Im showing just 3 is there a way to slide to the last image? something like this gallery? http://www.tn3gallery.com/ thank you