Pause button??

Hi there, I think I found some bug. Examine this code please:

var playing = true;
(function($) {
$(document).ready(function() {
$('#pause').click(function() {
$('.crellyslider-slider-myslider').data('crellySlider').pause();
});
$('#resume').click(function() {
$('.crellyslider-slider-myslider').data('crellySlider').resume();
});
$('#left').click(function() {
if(playing) {
$('.crellyslider-slider-myslider').data('crellySlider').previousSlide();
playing = true;
}
else {
$('.crellyslider-slider-myslider').data('crellySlider').previousSlide();
playing = false;
}
});

});
})(jQuery);

What I was trying to achieve: if slider is playing, then the previousSlide works normally. But if the slider is paused, then the previousSlide shows the previous slide and then remain paused(it’s not by default). But this didn’t work out. Instead, this is what happens:
If I push the #pause the slider is stops, but if I press then the #left button the slider change to previous slide and then continue and when the time is passed(of the data-time of the slide) then the whole background turns to transparent.

I also tried to do this, but it didn’t worked out:

$('#theleft').click(function() {
if(playing) {
$('.crellyslider-slider-myslider').data('crellySlider').previousSlide();
playing = true;
}
else {
$('.crellyslider-slider-myslider').data('crellySlider').previousSlide();
$('.crellyslider-slider-myslider').data('crellySlider').pause();
playing = false;
}
});

Any idea of how can I achieve the working pause, resume, left and right buttons, please?
All the rest seems very nice and cool 🙂

*Sorry for the mistake. #theleft and #left are the same.

I don’t know what exactly you mean by “Basically, the slider can’t be paused while the slide animation is being performed”, because I can pause the slider in any period of time, simply by pressing first the resume button I made and then the pause button. It works. Following this logic, I tried also this:

var playing = true;
(function($) {
$(document).ready(function() {
$('#pause').click(function() {
$('.crellyslider-slider-myslider').data('crellySlider').pause();
});
$('#resume').click(function() {
$('.crellyslider-slider-myslider').data('crellySlider').resume();
});
$('#left').click(function() {
if(playing) {
$('.crellyslider-slider-myslider').data('crellySlider').previousSlide();
playing = true;
}
else {
$('.crellyslider-slider-myslider').data('crellySlider').previousSlide();
$('.crellyslider-slider-myslider').data('crellySlider').resume();
$('.crellyslider-slider-myslider').data('crellySlider').pause();
playing = false;
}
});

});
})(jQuery);

But it didn’t work out. Basically, I want the logic behavior: if the slider paused and the user pressing left, the slide should change but remain paused.
Also, I want to start the slider paused, but not sure how to do this.
I hope you can help me with this or make it somehow to work in this order, because I really liked this slider.

Jan Dembowski, I don’t know why, but I couldn’t post. Tried that for some times and then just registered again. Thanks for taking care about it, hopefully it won’t happen again

Oh… I misunderstood you before.
The code above didn’t work, frankly. But I took the liberty and change it a bit with a sense of previously stated argument about the resume-pause buggy thing. And it worked! Just before the pause(), place the resume() and it will work. Without this, it doesn’t.

$('.crellyslider-slider-myslider').data('crellySlider').previousSlide();
setTimeout(function() {
$('.crellyslider-slider-myslider').data('crellySlider').resume();
$('.crellyslider-slider-myslider').data('crellySlider').pause();
playing = false;
}, 400);

I don’t know why there’s a need of resume() before the pause in such case, if you think you know the answer I would be really glad to hear it.

Also, thanks a lot of the beforeStart function, it did help me to start the slider in pause mode
HOTDAMN! I LIKE THIS SLIDER! 😀

P.S. just at this moment, I noticed something… If the slider is paused and I use the swipe option, the slider come back to resume it self after the slide is changed. Is there a way to control the swipe function with JS, perhaps? The same thing is with regular navigation buttons(cs-controls and cs-navigation).

Oh man, you’re awesome! that worked just perfectly nice!
How can I target rest of the buttons? There’s the left and right(cs controls: cs-next and cs-previous) and there’s the circles(cs-navigation).