How Do I Add Responsive Image Slider...

User 122279 Photo


Senior Advisor
14,461 posts

Beastro wrote:

... but I am wondering whether SD includes the motion-ui libraries, as I cannot get the fade effects to work.


You can see in Actions - Settings if the Motion-UI is checked or not. It is checked by default. To make the transitions, like 'fade' work, you need to have the latest release of SD, build 3285, in which the Foundation framework was updated.

You can find more options among the transition classes here: https://github.com/zurb/motion-ui/blob/ … classes.md
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 116462 Photo


Registered User
129 posts

Inger wrote:


You can see in Actions - Settings if the Motion-UI is checked or not. It is checked by default. To make the transitions, like 'fade' work, you need to have the latest release of SD, build 3285, in which the Foundation framework was updated.

You can find more options among the transition classes here: https://github.com/zurb/motion-ui/blob/ … classes.md


Thanks Inger!
But now i am confused.... Adding the corresponding attributes to the orbit wrapper does nothing, nor does adding the CSS classes to the slides.

What Am i missing?
Berthold, Spain
Astronomy site: http://www.astronomy.artinso.com
Musical events: http://www.orphelion-ensemble.com
ED V4, SD V5
User 122279 Photo


Senior Advisor
14,461 posts

Download and try this file and see if you can make it work. If you can, change out the images with your own. If you cannot, please send me your project and let me take a look at it.

https://www.dropbox.com/s/c15szrckn3a83 … onent?dl=0
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 116462 Photo


Registered User
129 posts

Inger wrote:
Download and try this file and see if you can make it work. If you can, change out the images with your own. If you cannot, please send me your project and let me take a look at it.

https://www.dropbox.com/s/c15szrckn3a83 … onent?dl=0


Thanks a lot Inger! I had mine constructed like yours. I only have two more wrappers for the controls and bullets. But I noticed that somehow and somewhere some rouge styles had crept into the .is-activ selector. That broke the design. Comparing to your code, I could see where the fault was.

Thanks!!
Kind regards
Berthold, Spain
Astronomy site: http://www.astronomy.artinso.com
Musical events: http://www.orphelion-ensemble.com
ED V4, SD V5
User 122279 Photo


Senior Advisor
14,461 posts

Good that you got it sorted!
Ha en riktig god dag!
Inger, Norway

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



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.