[StealthRT]

Hey all i am trying to find a way to add a call to pause this image slider. Currently it only pauses when you roll you mouse over the image. Once you roll off the image the slide show continues.

The start of the slider code is:

;(function($) {
    $.fn.leanSlider = function(options) {
    
    // Defaults
        var defaults = {
            pauseTime: 4000,
            pauseOnHover: true,
            startSlide: 0,
            directionNav: '',
            directionNavPrevBuilder: '',
            directionNavNextBuilder: '',
            controlNav: '',
            controlNavBuilder: '',
            prevText: 'Prev',
            nextText: 'Next',
            beforeChange: function(){},
            afterChange: function(){},
            afterLoad: function(){}
        };

        var init = function() {

        // Set up pauseOnHover
            if(settings.pauseOnHover && settings.pauseTime && settings.pauseTime > 0){
                slider.hover(
                    function () {
                        clearTimeout(timer);
                    },
                    function () {
                        doTimer();
                    }
                );
            }
       };
       
       //More code here....
   };    
})(jQuery);

I've been trying to call it from a onclick button like so:

    $.fn.init.slider.clearTimeout();

But that just throws an error... What am i missing?

[andrewsw]

Which image slider is it and have you read the documentation for it?

[laytonsdad]

You may want to post the error and the remainder of the code.

[StealthRT]

https://github.com/g...ron/Lean-Slider

[laytonsdad]

I do believe that you will need to create a new method for you to stop the timer.

Take a look at the section in this about public functions.

[andrewsw]

If you really want to tinker with the plug-in then you could try reaching-out (to jQuery) rather than reaching-in (to latch on to a method or object):

        var init = function() {

            $('#someid').click(function () {
                 clearTimeout(timer);
            });

I suggest, however, that it might be worth your time to try and contact the author via their GitHub page.

Another option is to find an equivalent add-in that already has the methods you need available from its API.

This post has been edited by andrewsw: 01 August 2013 - 01:21 PM

[andrewsw]

I should stress, that I'm not recommending the approach I suggested!

[StealthRT]

Got it

plugin.pause = function() {
    clearTimeout(timer);
}

plugin.resume = function() {
   doTimer();
}

Then you can call those methods from outside the plugin.

var $slider = $('sliderSelectorHere').leanSlider({
    //plugin options here
});

//call pause() and resume() whenever you want; example below
$slider.pause(); //pause slideshow
$slider.resume(); //resume slideshow

This post has been edited by StealthRT: 01 August 2013 - 05:29 PM