Will RCS allow a carousel-like...

User 2503578 Photo


Registered User
102 posts

Wow, thanks so much for all the comments and ideas. I was busy playing with RCS and hadn't checked the forums. Let me read through and see what's all here.

Diana
User 2503578 Photo


Registered User
102 posts

Wayan Jaya wrote:
Wayan Jaya wrote:
Inger wrote:
If Bootstrap is wanted, I have a Carousel example in my Sharing folder, see signature. But Diana's website seems to be Foundation, so Orbit will be the one she needs.


I have just made an example of the orbit with some images it maybe what you want to achieve, its super easy to do

I will load the example shortly & provide the link


https://tester.sdv3tutorials.com


This is what I wanted to do!!
User 2503578 Photo


Registered User
102 posts

Thanks for the recommendation and examples!! I just downloaded orbit and am ready to try it out. I just made a 5 slide picture show with RCS and was trying to figure out how to embed it when I saw your post. Given Orbit is a component of SDv3, I suspect it will be easier to integrate. Can't wait to give it a try.

User 2699991 Photo


Registered User
5,119 posts

DianaH wrote:
Thanks for the recommendation and examples!! I just downloaded orbit and am ready to try it out. I just made a 5 slide picture show with RCS and was trying to figure out how to embed it when I saw your post. Given Orbit is a component of SDv3, I suspect it will be easier to integrate. Can't wait to give it a try.



If you get stuck just shout up & we can try help but it is fairly easy to do
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
Contact Me For One To One Assistance
https://mawarputih.coffeecup.com/forms/contact-wayan/

A simple quick way to contact me
https://rsd-tutorialscom.coffeecup.com/ … l-details/
User 2503578 Photo


Registered User
102 posts

Wayan - thank you, thank you, thank you!!! Using orbit-plain, I was able to add a slideshow. Orbit is quite a bit easier. I think it took me less than an hour to download, add pictures and upload the revised website.

http://threeoaksvineyard.com/

I'll check out your other examples and get even fancier.

Diana
User 122279 Photo


Senior Advisor
14,566 posts
Online Now

Hi Diana,

I think it would look good if you made the images a bit smaller. I have a 22 inch monitor, and in order to see the images properly, I have to keep scrolling up and down. It would also help if you could position the slideshow a bit closer to the top of the page. Maybe some of the contents above it could be put side by side instead of below each other?
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,119 posts

DianaH wrote:
Wayan - thank you, thank you, thank you!!! Using orbit-plain, I was able to add a slideshow. Orbit is quite a bit easier. I think it took me less than an hour to download, add pictures and upload the revised website.

http://threeoaksvineyard.com/

I'll check out your other examples and get even fancier.

Diana


Hi again Diana

well done, however, your images are massive at the larger monitor sizes, any visitors will have to scroll down because only half of the images are showing without having to scroll. if you are going to go for full-screen sliders, then you really need to make the images background images with the header overlaid

I have a short video of the slider how it looks at larger viewport sizes

https://youtu.be/rQul4R2a_sg
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
Contact Me For One To One Assistance
https://mawarputih.coffeecup.com/forms/contact-wayan/

A simple quick way to contact me
https://rsd-tutorialscom.coffeecup.com/ … l-details/
User 2503578 Photo


Registered User
102 posts

I saw that. I'm playing around with the settings, trying to figure out the best way to fix it. If I limit width to a set number of px, it places the orbit to the left. If I limit the height to a set number of px, it cuts off the picture. Or is there a better way?
User 2503578 Photo


Registered User
102 posts

I changed the max width on the orbit container and that seems to have fixed it. If you see anything else that could make the site even better, please don't hesitate to say. Thank you again!!

Diana
User 2699991 Photo


Registered User
5,119 posts

DianaH wrote:
I saw that. I'm playing around with the settings, trying to figure out the best way to fix it. If I limit width to a set number of px, it places the orbit to the left. If I limit the height to a set number of px, it cuts off the picture. Or is there a better way?

first thing os make your images smaller (max width around 1900 px or a bit less) KEEP THE PROPORTIONS THE SAME
try to make all images same size if possible if not make sure that they all have same proportions

Some cropping/cutting off is inevitable, you will have to choose best
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
Contact Me For One To One Assistance
https://mawarputih.coffeecup.com/forms/contact-wayan/

A simple quick way to contact me
https://rsd-tutorialscom.coffeecup.com/ … l-details/

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.