Comments on: jQuery Looped Slider Tutorial

By: raza

raza — Mon, 26 Dec 2011 12:20:00 +0000

where are demos please upload some demos

By: Oleg

Oleg — Fri, 18 Nov 2011 17:43:52 +0000

Thank you for the example!

By: Ivan

Ivan — Fri, 21 Oct 2011 23:26:53 +0000

Great work! The most beautiful and usable slider i ever found!

By: Trina

Trina — Mon, 01 Aug 2011 05:59:06 +0000

How can I change the effect to “fade” and still have the hot spots/map id still linking?

By: Lucky

Lucky — Tue, 26 Jul 2011 08:26:47 +0000

Done with it myself… here is my code.

case “next”:
times = times+1;
distance = (-(times*width-width));
current(times-1);

if(o.autoHeight){autoHeight(times);}

if(slides<4){
if (times===4){$(o.slides,$t).children(":eq(0)").css
({left:(slides*width)});}
if (times===3){$(o.slides,$t).children(":eq("+(slides-1)+")").css
({position:"absolute",left:width});}
if (times===2){$(o.slides,$t).children(":eq("+(slides-1)+")").css
({position:"absolute",left:width});}
}

$(o.slides,$t).children().fadeOut(o.fadespeed, function(){
$(o.slides,$t).css({left: distance});
$(o.slides,$t).children(":eq("+(slides-1)+")").css
({left:slides*width-width});
$(o.slides,$t).children(":eq(0)").css
({left:0});
if (times===slides+1) {
times = 1;
distance = (-(times*width-width));
current(times);}
if(times===slides){$(o.slides,$t).children(":eq(0)").css
({left:(slides*width)});}
if(times===slides-1){$(o.slides,$t).children(":eq("+(slides-1)+")").css
({ position:"absolute",left:-width});}
$(o.slides,$t).children().fadeIn(o.fadespeed);
active = false;

});
break;

By: K' Stefani

K' Stefani — Fri, 22 Jul 2011 09:11:18 +0000

How to put this on Blogger?
Could you please help me?

By: Lucky

Lucky — Fri, 22 Jul 2011 07:58:34 +0000

This one is working code with
Effect: Sliding(right to left) , Autostart: true
need to help to make this fading autostart.
case “next”:
times = times+1;
distance = (-(times*width-width));
current(times);
if(o.autoHeight){autoHeight(times);}

if(slides<3){
if (times===3)
{$(o.slides,$t).children(":eq(0)").css(
{left:(slides*width)});}
if (times===2)
{$(o.slides,$t).children(":eq("+(slides-1)+")").css(
{position:"absolute",left:width});}
}
$(o.slides,$t).animate({left: distance}, o.slidespeed,
function(){
if (times===slides+1) {
times = 1;
$(o.slides,$t).css({left:0},function(){$(o.slides,$t).animate({left:distance})});
$(o.slides,$t).children(":eq(0)").css({left:0});
$(o.slides,$t).children(":eq("+(slides-1)+")").css({ position:"absolute",left:-width});
}
if (times===slides)
$(o.slides,$t).children(":eq(0)").css({left:(slides*width)});
if (times===slides-1) $(o.slides,$t).children(":eq("+(slides-1)+")").css({left:(slides*width-width)});

active = false;

By: Lucky

Lucky — Fri, 22 Jul 2011 07:53:12 +0000

this is my code for autostart fading, not able to fix this.
Can you please please help on this..
case “next”:
times = times+1;
distance = (-(times*width-width));
current(times);
if(o.autoHeight){autoHeight(times);}

active = false;
});
break;

By: Alex

Alex — Thu, 07 Jul 2011 18:14:19 +0000

What can i do to move to the next slide after the click?

Some kind of restart function after click.

Thanks!

By: Adam

Adam — Sun, 05 Jun 2011 00:05:28 +0000

Hi,

I am trying to get the Looped Slider installed on my oscommerce store as described here http://info.template-help.com/after_sale_support/jquery/slider/article6.html but I have not got a clue how to do this! Can anyone point me in the right direction or would anyone be willing to install this for a small fee?

I have got the website up at http://www.ubermobile.co.uk just need the Looped slider installed