Slider Pause

Posted: Tue Nov 09, 2010 4:21 pm

Hey all-

Running into a snag with a new slider for RN. I can't get the durn thing to pause.

Here is the code to make it autoscroll...

Code:

$autoslide = setInterval(function(){


               $leftD = $(".cs_leftBtn").css("display");


                  $rightD = $(".cs_rightBtn").css("display");





            if($leftD == "none"){


               $dir = "goRight";


               }


            if($rightD == "none"){


               $dir = "goLeft";


               }





            ($dir == "goRight") ? $curButt=".cs_rightBtn" : $curButt=".cs_leftBtn";


            $($curButt).trigger("click");


            }, 2000);


         });

Courtesy of [ Only registered users can see links on this board! Get registered or login! ] (half way down the comments)

I've searched the net for ways to pause this thing but everything I've found either breaks the code or flat out doesn't work. I've tried to many different variations to list here in order to get it to pause so I won't bore you with all that.

the slider has an "id" of "one".

this seems to make sense to me but doesn't work.

Code:

$("#one").hover(function(){


      clearInterval($autoslide);


});

Posted: Tue Nov 09, 2010 6:48 pm

I did not test this at all. I just typed it up and pasted it here. It is just something to maybe give you an idea.

Code:




   var autoslide = setInterval(headline_rotate, 2000);





   $('#one').hover(function() {


         clearInterval(autoslide);


      }, function() {


         autoslide = setInterval(headline_rotate, 2000);


         headline_rotate();


      });





   function headline_rotate() {


      $leftD = $(".cs_leftBtn").css("display");


      $rightD = $(".cs_rightBtn").css("display");


      if($leftD == "none"){


         $dir = "goRight";


      }


      if($rightD == "none"){


         $dir = "goLeft";


      }


      ($dir == "goRight") ? $curButt=".cs_rightBtn" : $curButt=".cs_leftBtn";


      $($curButt).trigger("click");


   }

Posted: Tue Nov 09, 2010 7:12 pm

Will test now and post results. thanks for taking the time to help out.

Edit*** Negative Ghost Rider. Breaks the code... thanks for the assistance though. I'll keep trying. (may just be a syntax error somewhere)

2nd Edit***

Got going to fast.... accidentally deleted a trailing " }); ", works perfectly. Thanks Palbin!

New slider for RN coming soon. I'll release it to nuken so he/she can release it to the masses.

Posted: Tue Nov 09, 2010 7:47 pm

Looking at what I posted again:

Code:




   $('#one').hover(function() {


         clearInterval(autoslide);


      }, function() {


         autoslide = setInterval(headline_rotate, 2000);


         headline_rotate();


      });

I do not think you need the headline_rotate();

Code:




   $('#one').hover(function() {


         clearInterval(autoslide);


      }, function() {


         autoslide = setInterval(headline_rotate, 2000);


    });

Posted: Tue Nov 09, 2010 8:36 pm

Already took that out. Wink