Title: invresive's Replies | WordPress.org

---

# invresive

  [  ](https://wordpress.org/support/users/invresive/)

 *   [Profile](https://wordpress.org/support/users/invresive/)
 *   [Topics Started](https://wordpress.org/support/users/invresive/topics/)
 *   [Replies Created](https://wordpress.org/support/users/invresive/replies/)
 *   [Reviews Written](https://wordpress.org/support/users/invresive/reviews/)
 *   [Topics Replied To](https://wordpress.org/support/users/invresive/replied-to/)
 *   [Engagements](https://wordpress.org/support/users/invresive/engagements/)
 *   [Favorites](https://wordpress.org/support/users/invresive/favorites/)

 Search replies:

## Forum Replies Created

Viewing 7 replies - 1 through 7 (of 7 total)

 *   Forum: [Plugins](https://wordpress.org/support/forum/plugins-and-hacks/)
    In
   reply to: [[Crelly Slider] Pause button??](https://wordpress.org/support/topic/pause-button-3/)
 *  [invresive](https://wordpress.org/support/users/invresive/)
 * (@invresive)
 * [10 years, 3 months ago](https://wordpress.org/support/topic/pause-button-3/page/2/#post-6883340)
 * No. If you go for your site’s main page([http://fabiorino1.altervista.org/projects/crellyslider/](http://fabiorino1.altervista.org/projects/crellyslider/))
   you’ll see there’s buttons on the bottom of the slider it self, like radio-buttons,
   but they’re made with `<span>` tag. The div(parent element) of them is `cs-navigation`.
 *   Forum: [Plugins](https://wordpress.org/support/forum/plugins-and-hacks/)
    In
   reply to: [[Crelly Slider] Pause button??](https://wordpress.org/support/topic/pause-button-3/)
 *  [invresive](https://wordpress.org/support/users/invresive/)
 * (@invresive)
 * [10 years, 3 months ago](https://wordpress.org/support/topic/pause-button-3/page/2/#post-6883338)
 * The right and left is not what I meant, but it doesn’t really important as long
   as I can use the previousSlide and nextSlide functions.
 * The Controls(it is important) didn’t work. I tried it as that:
 *     ```
       $('.cs-slide-link').click(function() {
       var index = $(this).index();
       if(playing) {
       $('.crellyslider-slider-myslider').data('crellySlider').changeSlide(index);
       playing = true;
       }
       else {
       $('.crellyslider-slider-myslider').data('crellySlider').changeSlide(index);
       setTimeout(function() {
       $('.crellyslider-slider-myslider').data('crellySlider').resume();
       $('.crellyslider-slider-myslider').data('crellySlider').pause();
       playing = false;
       }, 400);
       }
       });
       ```
   
 * I also tried to change the `.cs-slide-link` for `.cs-navigation > .cs-slide-link`
   and for `.cs-navigation` and even for `.cs-slide-link .cs-active` – not working.
 *   Forum: [Plugins](https://wordpress.org/support/forum/plugins-and-hacks/)
    In
   reply to: [[Crelly Slider] Pause button??](https://wordpress.org/support/topic/pause-button-3/)
 *  [invresive](https://wordpress.org/support/users/invresive/)
 * (@invresive)
 * [10 years, 3 months ago](https://wordpress.org/support/topic/pause-button-3/#post-6883336)
 * 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).
 *   Forum: [Plugins](https://wordpress.org/support/forum/plugins-and-hacks/)
    In
   reply to: [[Crelly Slider] Pause button??](https://wordpress.org/support/topic/pause-button-3/)
 *  [invresive](https://wordpress.org/support/users/invresive/)
 * (@invresive)
 * [10 years, 3 months ago](https://wordpress.org/support/topic/pause-button-3/#post-6883333)
 * 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).
 *   Forum: [Plugins](https://wordpress.org/support/forum/plugins-and-hacks/)
    In
   reply to: [[Crelly Slider] Pause button??](https://wordpress.org/support/topic/pause-button-3/)
 *  [invresive](https://wordpress.org/support/users/invresive/)
 * (@invresive)
 * [10 years, 3 months ago](https://wordpress.org/support/topic/pause-button-3/#post-6883331)
 * 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
 *   Forum: [Plugins](https://wordpress.org/support/forum/plugins-and-hacks/)
    In
   reply to: [[Crelly Slider] Pause button??](https://wordpress.org/support/topic/pause-button-3/)
 *  [invresive](https://wordpress.org/support/users/invresive/)
 * (@invresive)
 * [10 years, 3 months ago](https://wordpress.org/support/topic/pause-button-3/#post-6883329)
 * *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.
 *   Forum: [Plugins](https://wordpress.org/support/forum/plugins-and-hacks/)
    In
   reply to: [[Crelly Slider] Pause button??](https://wordpress.org/support/topic/pause-button-3/)
 *  [invresive](https://wordpress.org/support/users/invresive/)
 * (@invresive)
 * [10 years, 3 months ago](https://wordpress.org/support/topic/pause-button-3/#post-6883327)
 * 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 🙂

Viewing 7 replies - 1 through 7 (of 7 total)