Menu icon Foundation

My Posts


  • 9
    Replies
  • Disable pause on click on Orbit

    By Rickmint

    Orbit

    Hi everyone, I hope can you help me. I want to put Orbit as fullscreen slider, but i got a problem: if someone clicks on the image, it stop the autoshow. So, i want to disable the pause when you click on the slider itself. How can I do it? There's a "... (continued)

    Last Reply by Samuel Rodda almost 5 years ago


My Comments

Rickmint commented on Rickmint's post over 5 years

Sorry, maybe I didn't explain well what I was meaning..
I need that Orbit shows a fullscreen image, with timer on (and then it changes automatically slide after x second) BUT when user click on photos it doesn't stop.

So I need to disable "pause on click" when the timer is on, so it continuos change images without being stopped.
Timer on that cannot be stopped with click, always changes images.

I put on your code @Rafi this setting

     $(document).foundation({
      orbit: {
        circular: true,
        timer: true,
        next_on_click: false,
        timer_speed: 3000,
      }
    });

added to HTML

<div class="row">
  <div class="large-12 columns">
    <ul data-orbit data-options="next_on_click: false;">
      <li><img src="//placehold.it/1200x300"></li>
      <li><img src="//placehold.it/1200x300"></li>
    </ul>
  </div>
</div>

But it still, when I click on image, stop the timer.

Please, help me.
Thanks for any reply!

Rickmint commented on Rickmint's post over 5 years

Many thanks to reply so fast!
I try it but seem to not work, I think i wrong something here. I put on line 257

          var data = container.data('swipe-transition');
          if (typeof data === 'undefined') {data = {};}
          else (settings.pause_on_click) {
container.on('click', self.toggle_timer);
} 

My aim is to use Orbit as fullscreen slidershow, so on the background the user can see continuos fading images, but if they click on the images, the carousel stop.

Where do I mistake?

Thanks for any help

Rickmint commented on Roberto's post over 5 years

Same problem here. Do you find a way to correct it, Roberto?

Posts Followed

  • 9
    Replies
  • Disable pause on click on Orbit

    By Rickmint

    Orbit

    Hi everyone, I hope can you help me. I want to put Orbit as fullscreen slider, but i got a problem: if someone clicks on the image, it stop the autoshow. So, i want to disable the pause when you click on the slider itself. How can I do it? There's a "... (continued)

    Last Reply by Samuel Rodda almost 5 years ago



Following

    No Content

Followers

My Posts


My Comments

You commented on Rickmint's post over 5 years

Sorry, maybe I didn't explain well what I was meaning..
I need that Orbit shows a fullscreen image, with timer on (and then it changes automatically slide after x second) BUT when user click on photos it doesn't stop.

So I need to disable "pause on click" when the timer is on, so it continuos change images without being stopped.
Timer on that cannot be stopped with click, always changes images.

I put on your code @Rafi this setting

     $(document).foundation({
      orbit: {
        circular: true,
        timer: true,
        next_on_click: false,
        timer_speed: 3000,
      }
    });

added to HTML

<div class="row">
  <div class="large-12 columns">
    <ul data-orbit data-options="next_on_click: false;">
      <li><img src="//placehold.it/1200x300"></li>
      <li><img src="//placehold.it/1200x300"></li>
    </ul>
  </div>
</div>

But it still, when I click on image, stop the timer.

Please, help me.
Thanks for any reply!

You commented on Rickmint's post over 5 years

Many thanks to reply so fast!
I try it but seem to not work, I think i wrong something here. I put on line 257

          var data = container.data('swipe-transition');
          if (typeof data === 'undefined') {data = {};}
          else (settings.pause_on_click) {
container.on('click', self.toggle_timer);
} 

My aim is to use Orbit as fullscreen slidershow, so on the background the user can see continuos fading images, but if they click on the images, the carousel stop.

Where do I mistake?

Thanks for any help

You commented on Roberto's post over 5 years

Same problem here. Do you find a way to correct it, Roberto?

Posts Followed



Following

  • No Content

Followers

  • No Content