Comments on: Making a Content Slider with jQuery UI

By: param

param — Wed, 27 Jan 2010 08:32:30 +0000

Hey Dan,

This is a really good utility.
There is, however, an issue when I am trying to implement the content slider inside an ajax div.

i.e. creat the slider in a page say slider.php and then load slider.php in a div on another page
$(“#divslider”).load(“slider.php”);

JS Errors
Line: 117875032
Error: Invalid argument.

Line: 117875022
Error: Object doesn’t support this property or method

Have you ever come accross these errors earlier?

Thanks

By: john

john — Fri, 22 Jan 2010 09:48:38 +0000

i love wordpress, but i find there’s no such userful plugin can be used on wordpress. thanks for your works, if you can deveople the wp plugin of this, it will be great!

By: john

john — Fri, 22 Jan 2010 09:47:38 +0000

i am a chinese, i love wordpress, but i find there’s no such userful plugin can be used on wordpress. thanks for your works, if you can deveople the wp plugin of this, it will be great!

By: Indialike

Indialike — Thu, 21 Jan 2010 05:10:57 +0000

Very nice and useful tutorials for web designers,
Thanks for posting.

By: Wojciech Twardowski

Wojciech Twardowski — Mon, 04 Jan 2010 14:35:26 +0000

You might want to replace
“conveyor.css(“width”, item.length * parseInt(item.css(“width”)));” and
“max: (item.length * parseInt(item.css(“width”))) – parseInt($(“.viewer”, $(“#sliderContent”)).css(“width”)),” with:
” conveyor.css(“width”, item.length * (parseInt(item.css(“width”)) + parseInt(item.css(‘paddingLeft’)) + parseInt(item.css(‘paddingRight’))));” and
” max: (item.length * (parseInt(item.css(“width”)) + parseInt(item.css(‘paddingLeft’)) + parseInt(item.css(‘paddingRight’)))) – parseInt($(“.viewer”, $(“.products-list”)).css(“width”)),”.
I spent a lfair amount of time trying to figure out why the last item won’t show

By: jesudas

jesudas — Mon, 30 Nov 2009 11:20:10 +0000

hey..well man….

I have found one bug..which was just on mind while implementing…the ur code…

that when u add new items or list to the ur slider…its only count the width of the list/content/item….its not adding the lmargin and padding…which i have add for my purpose….

thanks and reagrds

By: jesudas

jesudas — Mon, 30 Nov 2009 10:07:37 +0000

Hi Dan wellman,

As per name ur doing good job…

I have used in my site…its amazing..but problem is i have add 16 itmes but it only show 13 only..

if i am adding 12 its only show…9 …

what may be the issue…

please help…wellman…

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!