Orbit Slideshow doesn't show until I...

User 2699991 Photo


Registered User
5,314 posts

Mark Tellefson wrote:
Correct. I was going to have orbit sliders in each container. Is this a bad idea? Should I just go back to an index page that takes you to separate gallery or slideshows?


Hmm It's ok but a bit (lot) of work & fiddling about because to have more than 1 orbit on the same page means changing class names / ID's etc and then of course the custom CSS that fixes the heights.

Just as an aside,, what may be easier less work and still looks ok would be to have reveal containers rather than orbit (styled like orbit etc) but still not sure at the moment if it will be less work / complicated,, I will give it a try but will take a bit more time (hospital appointment shortly, )
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 2699991 Photo


Registered User
5,314 posts

Ok Done all 3 accordions with Orbit slideshow

(all same images at the moment and you may also need to do a custom attribute for the "Orbit" element

custom attribute = data-auto-play value = false

this does exactly as it says on the tin so to speak, and stops the slideshow from starting, but then again that means the visitors have to manually change the slides, but thats up to you or your client if it's not necessary to show the slides from 1 at the start.

The other thing you should consider is returning the orbit bullet indicators (whatever you wish to call them) which is considered as nice thing for visitors to be able to see how many slides there are (they then have a choice (go through them all one at a time or pick & mix)

or

an indicator somewhere that tells them how many slides there is whichever way, it's considered as a good visual indication for visitors and will get a nice tick from search engines
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 2699991 Photo


Registered User
5,314 posts

Update
I have cobbled together something you might wish to use, both options require some additional CSS code but nothing over complex.

The first one still uses the accordion element, but this gets quite fiddly at mobile devices

The other one uses the vertical tabs panel which is somewhat less fiddly at mobile devices.
Unfortunately our internet service has been off all day and is still off, I will post the demo video when it returns or send it to you via WeTransfer if you prefer.
Either way I will let you know when I have posted or sent it
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 2535875 Photo


Registered User
46 posts

Wow Wayan, you really have gone above and beyond.

I completely agree with the slide number markers so they know how many slides there are and which one they are on.

I really like the vertical tabs idea as long as the slide show looks good on mobile devices. I would appreciate a copy of what you have done when you have time. Thanks again.

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.