Skip Navigation

[Resolved] Is there a feature to create a parallax header image w/ fading/rotating imagery?

This support ticket is created 4 years, 11 months ago. There's a good chance that you are reading advice that it now obsolete.

This is the technical support forum for Toolset - a suite of plugins for developing WordPress sites without writing PHP.

Everyone can read this forum, but only Toolset clients can post in it. Toolset support works 6 days per week, 19 hours per day.

No supporters are available to work today on Toolset forum. Feel free to create tickets and we will handle it as soon as we are online. Thank you for your understanding.

Sun Mon Tue Wed Thu Fri Sat
8:00 – 12:00 8:00 – 12:00 8:00 – 12:00 8:00 – 12:00 8:00 – 12:00 - -
13:00 – 17:00 13:00 – 17:00 13:00 – 17:00 13:00 – 17:00 13:00 – 17:00 - -

Supporter timezone: America/New_York (GMT-04:00)

Tagged: 

This topic contains 1 reply, has 2 voices.

Last updated by Christian Cox 4 years, 10 months ago.

Assisted by: Christian Cox.

Author
Posts
#1430573

Tell us what you are trying to do? Create a parallax header featured image which fades through rotating imagery

Is there any documentation that you are following?

Is there a similar example that we can see?

What is the link to your site?

I would like to create a parallax header image on my page that is 100% viewport height and width, and fades through several images(which would be custom field images). I am able to easily create a static parallax header image, but it's the "rtating through various images" that eludes me.

Ideally I would like those to be custom, images that the client can select themselves and change at will. But I am willing to hard-code some image URLS iinto the project homepage if necessary.

I cannot find this easily achievable within any of the Toolset plugins. I woudl ahve imagined it might be a feature requested often and than many page-builders woudl have offered this as an option in the drag and drop builders or blocks, but it doesn;t seem to be the case.

So far, I have attempted to create a Nivoslider using custom field images created with Types, but the parallax aspect I cannot achieve, because the Nivo slider html structure utilizes img tags for each sliding image, so i cannot use a div or other tag to attach a background image to and apply various css to.

I will check whether Nivo slider allows for alternative html structures to create the slider, but so far, it appears not. Other sliders, like flexslider seem to require an inordinate amount of code to build the slider, so i am fining it hard to inspect the element of a completed slider in the browser window.

Can you recommend any tips to achieve my goal and/or point me in any useful directions? Please let me know if i have made my goal easy to understand, or whether i need to explain anything further.

#1431609

Hello, Toolset doesn't have such a built-in feature so I don't have a really solid recommendation for you. If you can show me a working HTML version of what you want to achieve, I can try to make some recommendations for achieving it with custom field images and/or Views, Types, Toolset Module Manager, etc.