Hi there.
Has anybody had success getting movement on image elements to work in a slider?
Halfway down this page is a slider Residential - Admire Interiors
Each slide fills the browser window, and in each slide there are 5 images.
I would like the images to have a start and end position where on the slide entering the mask, the image goes from one position to the other.
I’d like the movement to be staggered to create the parallax effect.
I thought this would be relatively straight forward using the Slider Change interaction, but I was wrong, nothing is working as I had hoped. Here’s my test slider-parallax-test (the green bg shows where the mask is).
As you can see, compared to the screenshot, the slider never settles the images into their proper rested position; the images with the red border should be hard agaisnt the mask edge, and it looks like they end up in their ‘initial’ position from the ‘Slider in view’ interaction.
Anybody got any ideas on why I’m not getting the movement in the Interaction setup?
If you wish to take a look, it’s here in the Assets folder, slider-parallax-test page.
Cheers
Grant