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

By: Veronica Ward

Veronica Ward — Thu, 11 Mar 2010 19:06:05 +0000

Does anyone know how to add left and right arrows to the sides of the slides in order to create a previous and next slide? I’ve tried to add a variable to the script.js file and the css and nothing works.

Has anyone tried to add previous and next buttons to this wonderful, wonderful slider?

By: Web Design

Web Design — Sun, 28 Feb 2010 02:45:20 +0000

Thanks for this great slider, but any plans on making it work on wordpres?

By: Stefanie

Stefanie — Fri, 26 Feb 2010 20:50:57 +0000

I can only fit 9 thumbs on, what if you have more pics to put in this slideshow, how do you make the change?

Thanks

By: Ahstrom

Ahstrom — Thu, 25 Feb 2010 12:08:50 +0000

Quick edit to previous post. You do not need the inline-table part. It just made it ok for Safari and Firefox but destroyed it for IE.

You only need the vertical-align: top; Leave the display at inline-block.

li{
/* Every thumbnail is a li element */
width:60px;
display: inline-block;
list-style:none;
height:45px;
vertical-align: top;
overflow:hidden;
}

By: Ahstrom

Ahstrom — Wed, 24 Feb 2010 18:35:45 +0000

Hi! I had a problem with this demo running Safari 4.0.4. It had to do with the icons beneath the slides. They first one was ok (the mac book) but the other three did show up just a little below making the little arrow apear a couple of pixels under. I fixed it using this css on the li class.

li{
/* Every thumbnail is a li element */
width:60px;
display: inline-table;
list-style:none;
height:45px;
vertical-align: top;
overflow:hidden;
}

Where you have a display of inline-table; instead of inline-block. That rendered it ok in Safari but made it bad in Firefox so then you have to att the vertical-align:t top; – part. Hopefully someone finds this useful. Good job otherwise!

By: Glenn Van Bogaert

Glenn Van Bogaert — Fri, 19 Feb 2010 17:14:31 +0000

Pretty nice effect and tutorial. This is a great function for the portfolio of a webdesigner. I’m concidering to use it for my portfolio. Thanks man!

By: sydney web design

sydney web design — Thu, 18 Feb 2010 23:32:38 +0000

looks real nice – will use it when i get a chance

By: heiko

heiko — Thu, 18 Feb 2010 16:53:11 +0000

thanks a lot. Helped me tremendous!!

By: chris

chris — Tue, 16 Feb 2010 19:44:15 +0000

Hi!

Is there any way to get rid of the thumbnails without screwing up the slideshow? i´ve tried but then the slideshow stops……. thanx 4 a gr8 tutorial! / chris

By: Annie

Annie — Sun, 14 Feb 2010 04:45:42 +0000

Great tutorial thank you!