Moving images on scroll

Hello hello!

I'm trying to find a way to achieve moving images vertically on scroll but I'm a bit confused with CSS and JAvascript etc.

Here's the result I want to achieve : https://revampdesignstudio.com/branding

I do not have a website online right now on which to implement it but I want to know the main code to add it to my future site. (I'm still wireframing my website at the moment)

I'm quite new to CSS and newbie at Javascript but I'm on my way to learn  so any help will be really appreciated 😄

This may point you in the right direction:

42 minutes ago, derricksrandomviews said:

This may point you in the right direction:

 

Hey, thank you for the link, I've already seen this video and it's not quite what i'm looking for. I want to have animation of images only when scrolling up and down, not animation consistenly. Any ideas? 

best,

J

hey @junglejow did you ever figure out how to do this? I'm trying to do something similar with a portfolio horizontal scroll but cant seem to figure it out

@jenniferboddam

Are you looking for something like is currently being discussed in the following thread?

Hi @creedon

no not exactly, i just did a quick scribble, ill attach photos but im either looking to try to figure out how to do a horizontal scroll per project so like the 1 & 3 image. Either all the same size image or do variation of sizes, and each image can be a link to the project page with more on that project.

Or the second image do some sort of static side with text while the other side will move and scroll through the images/text while linking to the full pages. And once it goes through a select number of projects continues down the page as a whole.

I tried to play around with the slide show but wont let me show more then one image at a time and ideally id like to have 2-3 project on page with the edges of the other images peaking off screen

@jenniferboddam

What version of SS are you using? Version v7.0 or v7.1?

I'm just starting my site pretty much, working on 7.1 but now wondering maybe do i go to 7.0

@jenniferboddam

In v7.1 check the Gallery page section to see if one of the styles there will work for your needs.

There are several styles in there so one might meet your need.

@creedon yeah i've looked all through the settings and none is really what im looking for, I think im going to have to try to figure out some custom code