Build 2332: ORBIT carousel - Page 1 -...

User 2823310 Photo


Registered User
312 posts

I've been working on the foundation orbit carousel for a step by step on customizing it in RSD. Changing the control arrows and that link area, the bullets look, captions, stuff like that. Got most of it worked out except the animation options and even just changing it to a basic fade-in. Tried it with the component & building it from scratch too...
Anyone had any luck with that with this build?

I've tried the data-options string and adding the individual ATTRIBUTES with the values. I even wrote a script to change the attribute value and that ends in the same result. With motion UI plugin you should be able to use a few different animation options but it doesn't seem to be working in this build.
User 2823310 Photo


Registered User
312 posts

Okay, well CoffeeCup has some work to do on this one too.
The 4 values for the string aren't working either, only in from right.

So you ADD the ATTRIBUTE data-options
and for it's value you can use only one of these options:
animInFromRight:scale-in-up;
animInFromRight:scale-in-down;
animInFromRight:slide-in-up;
animInFromRight:slide-in-down;
animInFromRight:spin-in;
animInFromRight:spin-in-ccw;
animInFromRight:hinge-in-from-middle-x;
animInFromRight:hinge-in-from-middle-y;
animInFromRight:hinge-in-from-bottom;
animInFromRight:hinge-in-from-right;
animInFromRight:hinge-in-from-left;

The scale in down isn't too bad, the rest are definitely eye grabbers. :lol: Too bad the fade isn't working that's the one I like to use. Funny thing is the long CSS fade version looks right (didn't check the min) so it must be the js but that works on codepen? Anyway I'll include these in the step by step tutorial and I'll post the test when get to checking the positioning repairs for the captions and other fixes on my mobile iOS.
User 122279 Photo


Senior Advisor
14,649 posts
Online Now

I haven't been active here for weeks, have been buried in work, and also tied up with my husband's illness.
I read everything, though, and I appreciate all the work you put in, AlterEagle! I have a feeling that I have to learn all this from scratch again, whenever I can find some time (won't be right yet, though...). I still have a mountain of work in front of me, but it has become a wee bit smaller ;)
Ha en riktig god dag!
Inger, Norway

My work in progress:
Components for Site Designer and the HTML Editor: https://mock-up.coffeecup.com


User 2823310 Photo


Registered User
312 posts

Well you're definitely missed and I wish your hubby the best of wishes getting well.
User 2699991 Photo


Registered User
5,397 posts
Online Now

Alter Eagle wrote:
Okay, well CoffeeCup has some work to do on this one too.
The 4 values for the string aren't working either, only in from right.
.


Hi Alter, I would imagine that since the Orbit thingy is no loner supported by CC or foundation, that nothing will be done to anything to do with Orbit.

I also tried a while ago to get things to act differently, with no luck,, seems like you have got further than I did.
Cheers from Sunny Bali
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/
User 2823310 Photo


Registered User
312 posts

Wayan, just wondering where you found that orbit wasn't supported by foundation? I see it just had a bug fix for the resize on transition #9881 in the 6.42 release changelog and are still working on it in github. So that would be a good bit of info to know if they are going to drop it in the future?

Good news is I have pretty well got it all worked out with customizing (well except for the CC transition bugs), just finding the extra time to write it up is the only snag. Got the captions working, and corrected a few positioning CSS errors like the control arrow centering (and changing them to look better), the bullets look and stuff like that.
User 2699991 Photo


Registered User
5,397 posts
Online Now

Alter Eagle wrote:
Wayan, just wondering where you found that orbit wasn't supported by foundation? I see it just had a bug fix for the resize on transition #9881 in the 6.42 release changelog and are still working on it in github. So that would be a good bit of info to know if they are going to drop it in the future?

Good news is I have pretty well got it all worked out with customizing (well except for the CC transition bugs), just finding the extra time to write it up is the only snag. Got the captions working, and corrected a few positioning CSS errors like the control arrow centering (and changing them to look better), the bullets look and stuff like that.

Alter Eagle
I am sorry if I am wrong but I am sure I read somewhere that Orbit was no longer being supported, but now I can't seem to find the thread.
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/
User 122279 Photo


Senior Advisor
14,649 posts
Online Now

Quote from SitePoint's 'What's new in Foundation 6:

In Foundation 5, the Orbit Slider was a complex component that let users create fully responsive, interactive image, video, and content sliders. Orbit had been in Foundation for a long time and over the years had been ballooning out with dozens of configuration options, leading to a whole lot of work maintaining it.

Zurb announced that for Foundation 6 they were discontinuing Orbit, which, as you can imagine, upset many people who loved the flexibility it provided.

However, instead of removing it entirely, Foundation 6 re-purposed Orbit into a lightweight, simple slider that, while basic, still offered great customization. It’s now more of a wire-framing tool instead of a comprehensive slider.
Ha en riktig god dag!
Inger, Norway

My work in progress:
Components for Site Designer and the HTML Editor: https://mock-up.coffeecup.com


User 2699991 Photo


Registered User
5,397 posts
Online Now

Wayan Jaya wrote:
Alter Eagle wrote:
Wayan, just wondering where you found that orbit wasn't supported by foundation? I see it just had a bug fix for the resize on transition #9881 in the 6.42 release changelog and are still working on it in github. So that would be a good bit of info to know if they are going to drop it in the future?

Good news is I have pretty well got it all worked out with customizing (well except for the CC transition bugs), just finding the extra time to write it up is the only snag. Got the captions working, and corrected a few positioning CSS errors like the control arrow centering (and changing them to look better), the bullets look and stuff like that.

Alter Eagle
I am sorry if I am wrong but I am sure I read somewhere that Orbit was no longer being supported, but now I can't seem to find the thread.


here is the notice that "foundation" published
DEPRECATION NOTICE:

Orbit has been deprecated, meaning that it is no longer supported. There's no need to worry though as we decided to leave it in Foundation if you choose to continue using it. We explain it here.

There are other great options if you need an image slider. A lot of them have features based on Orbit and may have added one of two more features.

This image slider is really slick:
Slick Carousel
. It has all the features Orbit has and can also be used as a carousel for single image sliding. It's easy to set up and is well supported.

Orbit is also not accessible to screen readers or assistive devices.
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/
User 244626 Photo


Registered User
811 posts

Yes, they brought Orbit back from the dead and it is fully supported again. Here is the Foundation 6.4.2 link...

http://foundation.zurb.com/sites/docs/orbit.html
Bootstrap 5 CSS Grid.

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.