Orbit Settings - Post ID 264324

Aug 10th, 2016 at 09:36 AM
User 244626 Photo

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.
Bootstrap 5 CSS Grid.
Aug 10th, 2016 at 01:22 PM
User 2699991 Photo

Its A Kind Of Bali Magic
Registered User
5,239 posts
Online Now

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.
Mastering The Understanding With Hands-On Learning
NEW TO "COFFEECUP SITE DESIGNER" FOUNDATION 6 FRAMEWORK?
STUCK ON SOMETHING?

LEARNING & UNDERSTANDING "THE HOW TO"? THE WHY'S & THE WHEREFORE'S?
WITH WAYAN'S STEP BY STEP TUTORIALS


A simple quick way to contact me
https://mawarputih.coffeecup.com/forms/contact-wayan/
Aug 10th, 2016 at 07:30 PM
User 244626 Photo

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.
Aug 10th, 2016 at 08:30 PM
User 244626 Photo

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 ?
Bootstrap 5 CSS Grid.
Aug 11th, 2016 at 02:40 PM
User 2846419 Photo

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)
Aug 12th, 2016 at 09:50 AM
User 2088758 Photo

Steve
Senior Advisor
3,109 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)


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

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.