Will RCS allow a carousel-like...

User 122279 Photo


Senior Advisor
12,550 posts

Diana, I don't know if you agree, but I downloaded those 4 images and made them all the same size and aspect ratio. I had to use the guitar image as the 'yardstick', as it was much smaller than the other ones. They are now 3:4 and have a physical size of 860px width. They can be stretched to at least 1000px without getting pixelated. You can download them from my dropbox: https://www.dropbox.com/s/m3x3nj4r2679m … d.zip?dl=0
Ha en riktig god dag!
Inger, Norway
My new honey site, built with RFF: https://eikweb.com/horgenhonning/
Component sharing for RFF, RBB, RSD and SD: https://eikweb.com/sharing/


User 2699991 Photo


Registered User
2,478 posts

I knocked up an example using the images as a background
some resize for images

Header & Menu with "fixed" position so that they stay in view when or if the visitor scrolls to see the footer stuff

https://youtu.be/iZkJedBKYT8

Only an idea for you to think about
The Help You Need: When You Need It The Most
User 2503578 Photo


Registered User
57 posts

How do you get the text to overlay the orbit pictures?
User 2503578 Photo


Registered User
57 posts

If I could read better, I'd know you said to use a "fixed" position. I'll give it a try.
User 379556 Photo


Registered User
919 posts

There isn't any fancy styling or auto-animation in the attached simple Vanilla SD V3 project file. It's just how I understood the request in the first post of this thread.

More expert solutions have already been provided. but the very simple principles I used may be of interest to someone. It's simply a picture container strip that is moved by increasing or reducing its negative left margin.

I've temporarily put the exported web-page here.

Frank
Attachments:
User 2503578 Photo


Registered User
57 posts

Frank,

Thank you! Your example is great and I downloaded the zip file. Just shows there are many ways to make this work and I'm thrilled to have so many different options now.

Diana

User 2503578 Photo


Registered User
57 posts

Inger,

Thank you for fixing the photos. Photo size a critical detail that I need to watch.

Diana
User 2503578 Photo


Registered User
57 posts

One other question. I changed my text to "fixed" position and was able to bring it up a level with Z so that it doesn't cover the photo. I'm struggling with how to center the text. I tried with both Header and Paragraph. I centered the text on both. The only way I could get it to center was to give a max width in Dimensions. But it may center on one large screen and on a wide screen with a different width, it's off.

This is based on Wayan's recommendation. I'm using SDv3 and the site is built using Foundation.

Diana
User 187934 Photo


Senior Advisor
18,728 posts

Can you share link so we can see the issue?
I can't hear what I'm looking at.
It's easy to overlook something you're not looking for.

Here's my S-Drive site with
examples of what can be accomplished in VSD.
https://progrower.coffeecup.com/
Here's my CoffeeCup SCCP Shop with examples of what can be done.
https://progrower.coffeecup.com/shop/
This is a site I built for my work.(RSD)
http://esmansgreenhouse.com
This is a site I built for use in my job.(HTML Editor)
https://pestlogbook.com
This is my personal site used for testing and as an easy way to share photos.(RLM imported to RSD)
https://ericrohloff.com
User 122279 Photo


Senior Advisor
12,550 posts

Maybe you just need to center the containers (the paragraph and the header) by setting margin: auto on both left and right.
Ha en riktig god dag!
Inger, Norway
My new honey site, built with RFF: https://eikweb.com/horgenhonning/
Component sharing for RFF, RBB, RSD and SD: https://eikweb.com/sharing/



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.