Comments on: Making a Content Slider with jQuery UI

By: droomagon

droomagon — Thu, 19 Nov 2009 06:41:18 +0000

any idea when you click on the block (on the scrollbar), it would slightly jump? how can i fix that ?

By: Gunpower

Gunpower — Sun, 25 Oct 2009 19:27:47 +0000

Hi,

Thanks for the great tutorial!
Is it possible that you make one with mysql?
I would really appreciate that!

Greetz!

By: elmolulu

elmolulu — Tue, 20 Oct 2009 19:37:07 +0000

Hi, thank you for this wonderful tutorial. I was trying to create something like the apple’s slider. There is another jquery tutorial out there, but it only works with older version of jquery. Would it be possible for you to show me how to add labels in the scroll bar so that when you click on the label, it will jump to that section accordingly? Your help is greatly appreciated!

By: Shahriar Hyder

Shahriar Hyder — Mon, 12 Oct 2009 05:26:13 +0000

Nice one mate. I have also added the link to your post in my Ultimate

collection of top jQuery tutorials, tips-tricks and techniques to improve

performance. Have a check below:

http://technosiastic.wordpress.com/2009/09/24/collection-of-top-jquery-

tutorials-tips-tricks-techniques-to-improve-performance/

By: Joe

Joe — Sun, 11 Oct 2009 17:08:02 +0000

Amazing Tut!

By: lukas

lukas — Thu, 01 Oct 2009 02:01:19 +0000

very great tut. Thanks for sharing.

By: Dan Wellman

Dan Wellman — Wed, 30 Sep 2009 22:30:10 +0000

Apple use a slider in this exact same way to showcase some of their products, it’s just styled differently, as this example easily could be. See this page: http://www.apple.com/mac/

By: thinkbliss

thinkbliss — Sun, 27 Sep 2009 20:16:39 +0000

This is a great tut but I found one Safari bug I can’t figure out how to fix. I need all the items to have a width: auto; but Safari doesn’t like that and will display what seems like the last item with the scroll handle position at the end which also breaks the scroll.

Anyone have any ideas?

Thanks

By: rugbert

rugbert — Sun, 20 Sep 2009 04:10:30 +0000

Ok so this is pretty cool but Im trying to get it to work vertically. I set the orientation to vertical and took the float off the items so that they SHOULD scroll up BUT Ive run into two issues.

First, the slider starts at the bottom of the track. AND pulling the slider up makes things scroll down when I set conveyor to “top”.

Its this line I need to change right?:
slide: function(e, ui) {
conveyor.css(”top”, “-” + ui.value + “px”);
}

By: Roygbiv

Roygbiv — Mon, 14 Sep 2009 13:44:17 +0000

I’m new to all this and have been playing around with it but would love to know how to show a div if the value hits a certain level and hide otherwise. This doesn’t seem to be working:

slide: function(e, ui) {
conveyor.css(”left”, “-” + ui.value + “px”);
$(”#amount”).val(’$’ + ui.value);

if ($(”#slider”).slider(”value”) == ‘304′) {
$(”#test”).show();
} else {
$(”#test”).hide();
}

Any ideas what I’m doing wrong?