Bootstrap 5 CSS Grid.
Orbit Settings - Post ID 264324
Twinstream
Registered User
811 posts
How do I change the slides to fade or adjust delay using Orbit ? I am able to create the slideshow with the component but do not understand how to adjust the attributes.
Wayan (Reetami's Dad)
Registered User
5,563 posts
Don't think you can adjust the slides to fade , but I adjusted the timings once exported. But then I got rid of it anyway as it kept breaking. apparently Orbit is no longer maintained or supported at foundation.
STUCK ON SOMETHING?
Learning by doing. Responsive Site Designer Tutorials
Learning by doing. Responsive Site Designer Tutorials
Twinstream
Registered User
811 posts
I was able to adjust the delay setting in attributes using the Data TImer Delay set to (500 fast or 5000 slow - example) applied to the main container with the class orbit.
Bootstrap 5 CSS Grid.
Twinstream
Registered User
811 posts
I was also able to disable Data Use M U I to stop the slide in effect. Set to false. Data Auto Play to False is a nice touch. Data Pause On Hover to True allows the slideshow to stop when hovering over slide.
Is there a way to use the M U I option somehow ?
Is there a way to use the M U I option somehow ?
Bootstrap 5 CSS Grid.
Chad N
Foundation Framer Beta
1 post
The orbit slider was deprecated back in Foundation 5 http://foundation.zurb.com/sites/docs/v/5.5.3/components/orbit.html
They recommend using the http://kenwheeler.github.io/slick/ (this requires some basic understanding of Javascript)
They recommend using the http://kenwheeler.github.io/slick/ (this requires some basic understanding of Javascript)
Steve
Senior Advisor
3,126 posts
Chad N wrote:
The orbit slider was deprecated back in Foundation 5 http://foundation.zurb.com/sites/docs/v/5.5.3/components/orbit.html
They recommend using the http://kenwheeler.github.io/slick/ (this requires some basic understanding of Javascript)
The orbit slider was deprecated back in Foundation 5 http://foundation.zurb.com/sites/docs/v/5.5.3/components/orbit.html
They recommend using the http://kenwheeler.github.io/slick/ (this requires some basic understanding of Javascript)
I have worked with slick, I would have to say its name is very indicative of the product.
Taking over the world one website at a time!
Steve Kolish
www.misterwebguy.com
YouTube Channel:
https://www.youtube.com/channel/UCL8qVv … ttneYaMSJA
Steve Kolish
www.misterwebguy.com
YouTube Channel:
https://www.youtube.com/channel/UCL8qVv … ttneYaMSJA
Have something to add? We’d love to hear it!
You must have an account to participate. Please Sign In Here, then join the conversation.