Adding a parallax effect to slider background

[jannesth]

Hi there,
I’ve recently purchased Max , and one of the first features I wanted to customise was the slider. Max comes with several slider options, and in particular I wanted to create a parallax effect on the background image from the Autoplay Progress Slider .

The parallax effect should apply to the image only — not the text elements.

Thanks for your help in advance, regards
Jannes

[christian]

Hey Jannes,

To have a parallax slide background in the Autoplay Progress Slider, you need to:

1. Copy the Dynamic Content in the Image element that’s inside the Figure element.
   
   Here’s the Dynamic Content you need to copy:
   {{dc:looper:field key="image"}}
{{dc:looper:fielACzd key="title"}}

2. Delete the Figure element
   

3. Inspect the Slide element
   

4. Configure the following in the Slide element.

• Enable Advanced Background
• Background Type is Element
• Paste {{dc:looper:field key="image"}} in the Source field
• Paste {{dc:looper:fielACzd key="title"}} in the Alt Text field
• Enable Parallax option
  
  

[jannesth]

Hi @christian,

Very much appreciated. I wasn’t far off the solution, was just in the wrong container.
Many thanks, warm regards Jannes

[ruenel]

You are most welcome, Jannes.