Fixed images in slider

[dguerra (Diogo Guerra)]

Hey everyone,

I´m experiencing some problems with fixing images on a full width slider on my homepage.

I want all the images on the slider to be fixed as the image on the first slide.

As you can see here https://webflow.com/design/line-systems?preview=bfd535d9f4b90f2a8668d20601f3c1cb1 the first slide works great as you scroll down, the secont doesn´t show up when fixed.

Any tips on why this is happening??

Tks guys.

[Rui_Almeida]

You have to enable the public link, check here.

How to Enable a Webflow Share Link

#If you’re new to the Webflow forum, welcome! To enable the Webflow community to help you with your website, please include your site’s Share Link with your question. This will enable the community to see your site without making any edits to it. #1. Here are the two places you can find the site’s share link: Site Dashboard [image] Account Dashboard [image] #2. Enable the share link, then copy the generated link: [image] #Here are video instructions

[dguerra (Diogo Guerra)]

Sorry guys,my bad.

I think It´s enabled now https://webflow.com/design/line-systems?preview=98d871e38398b3119895fe8db76a5273

tks

[Rui_Almeida]

hi,

well, you have 2 solutions.

1 - I normaly don´t do the css sliders like this, i use 1 css per slide, i think this will fix your problem

2 - Remove the fixed background and it will work

P.S. - Go easy on the pixel size images, 3000 px is way to much

[dguerra (Diogo Guerra)]

Hello,

Tks for the reply but unfixing the second images doens´t do what I need.

If you select slide 1 and you scroll down, you can see the image is fixed. I want that effect for the other slides as you scroll down with them selected. Unfixing, won´t do the job.

Do you think there´s a way to achieve this?
tks

[Rui_Almeida]

Ok, got it.

Try to use 1 CSS per slide, instead of using > SLIDE > other CSS use just one per photo.

I think the problem is you are using on the first slide an image with 3000 px and a second with 1300px. I think the 2 css is getting configurations of the huge images you have on the first slide.

You can PM me im portuguese, i´m from Azores

[dguerra (Diogo Guerra)]

Hey Rui,

Tks again for the reply.

I tried what you said (reduced pixel size, and only 1 css per image) but it still isn´t working as you can see on the public link.
Do you think there´s somtheing else I´m missing?

P.S. for some reason I couldn´t PM you

[Rui_Almeida]

public link

Enable the public link again, i don´t have permission.

[dguerra (Diogo Guerra)]

Sorry, I dunno what´s happening, it should be enabled.

But anyways, it is enabled now. https://webflow.com/design/line-systems?preview=6d6eb266e35807e01e417cf2f3ff20f7

[danro (Dan Rogers)]

Hi @dguerra, this is happening because browsers don’t provide very good support for fixed backgrounds.

However, you can try this workaround to set the slider mask to fixed instead of the backgrounds.

[dguerra (Diogo Guerra)]

Cool, I think I manged to work around it.

Thank you very much