Menu icon Foundation
Orbit - Disable Deep Linking behavior on the current slide

Hi, how can I disable the click behavoir on the current slide of Orbit Slider with the deep linking?
I'd like set the click on the current slide to open that image with Clearing lightbox.

Help me please!!!

Thanks

Orbitslidernext on click

Hi, how can I disable the click behavoir on the current slide of Orbit Slider with the deep linking?
I'd like set the click on the current slide to open that image with Clearing lightbox.

Help me please!!!

Thanks

murdel almost 6 years ago

I have exactly the same problem.

In my situation the Clearing Gallery starts but the advancing Orbit slides over the Clearing Gallery.

I have tried some CSS in order to at least show the Clearing Gallery on top of the advancing slide but did not succeed.

Maybe if we're two someone will help us :)

Luca Spanò almost 6 years ago

Are there any helper??? Thanks!

Rafi Benkual almost 6 years ago

Disabling the next on click is not currently a feature.

We had this option in 5.0.2 which came in as a pull request. It ended up breaking other things. If someone can write the function to do this, please submit a pull request on GitHub! There's a tee-shirt in it for you!

Don Vanboom over 5 years ago

I've created a pull request... removing one line of code disabled the auto advance next on click feature.

https://github.com/zurb/foundation-rails/pull/76

Rafi Benkual over 5 years ago

Thanks @ Don! Can you open this for the main foundation repo? We'll take a look!

Caleb Loffer over 5 years ago

I disabled the click event easily with one line of jQuery
$('.orbit-container').off('click');

I happened to run it inside of my $(document).ready function

Glenn Korban over 5 years ago

Luca, Rafi,

Please check out the following pull request (to add 'next_on_click' setting) and let me know if it does the trick for you:

https://github.com/zurb/foundation/pull/4553

Ben Zhang over 5 years ago

Hi All,
I have commented out in orbit.js to get rid of click and advance to next slide which prevent you have a link of the image.

open foundation.orbit.js and on line 232

change
container.on('click', '[data-orbit-slide]', self.link_bullet);
to
//container.on('click', '[data-orbit-slide]', self.link_bullet);

There is internal defined function called self.link_bullet which advancing to next slide only for this event click on slide, hope next version do not have this code that mixed with internal slider links.

It is not too good as it needs to modify library but if the library has issue you still need to change it rather than adding patch script everywhere in your html

I have also change the topbar js a bit to make the mobile view dropdown menu clickable even it has submenu and you can click the right hand side to go to the submenu this should be default library, and we will also need responsive mega menu too.

Check it out my fix on my Magento site: http://bzsolution.com/