Menu icon Foundation
orbit F5.0.3 and resume_on_mouse_out

I have orbit setup to display photos and it seems to be having trouble with pause_on_hover and resume_on_mouse_out. When I mouse over the photos, orbit pauses. But when I try to resume auto-play by mousing-out, orbit does not resume auto-play. I am using F5.0.3.

con.foundation('orbit', { navigation_arrows: false,
                        timer_speed: 3000,
                        pause_on_hover: true,   
                        resume_on_mouse_out: true});
            

// where con is the parent container of orbit.

Orbitdata-options

I have orbit setup to display photos and it seems to be having trouble with pause_on_hover and resume_on_mouse_out. When I mouse over the photos, orbit pauses. But when I try to resume auto-play by mousing-out, orbit does not resume auto-play. I am using F5.0.3.

con.foundation('orbit', { navigation_arrows: false,
                        timer_speed: 3000,
                        pause_on_hover: true,   
                        resume_on_mouse_out: true});
            

// where con is the parent container of orbit.
Rafi Benkual over 5 years ago

Not sure why tat doesnt work but using data-options works fine and is the preferred method.

I created a demo http://cdpn.io/GuoBw click edit pen to see code.

K Lim over 5 years ago

thx for the response. In my project, elements in the DOM are dynamically added with javascript. Using data-options is unfortunately not an option (pardon the unintended pun) for me.