How to do with wsx5 to have these effects ?
Author: Axel
Visited 1191,
Followers 1,
Shared 0
Hey all,
Look at this website like example: https://truffieresderabasse.com/societe-tdr/
I have 2 questions on this.
- How to have a scrolling just with the mouse (just one little turn and not a complete wheel usage) and also no vertical scroll bar displayed ?
- How to configure these parallax effects when you are scrolling the page, like if picture replaces text and text replaces pictures.
Does it possible to do that with WSX5 ? I did not found ! Tired may be
Here my little project :https://afsoftware.fr/download/wsx5/tests/Tests_v2021.4.5.iwzip
Thanks for your help
Enjoy!
Axel
Posted on the
Hello Axel
For the page you activate full height in row format.
You can the have the scrolling effect.
The effect with the images in different directions, I think you can do by using the effect on the image-object
Author
Hello John,
The scrolling is already activated
And your effect solution is just only for a specific object and not for the row or the scrolling ! It's a pity
Here in my example the scrolling effect is for all rows !!
Thanks for your sharing
Enjoy!
Axel
To my best knowladge not possible Axel, only with custom code.
@ John, won't work due to effect is only once usable and lazy scrolling is not available for text objects.
It would be nice !
OK - I just tried the effect. It does not function as I expected - and it does it only once.
And the full-screen can only be used when only one object in a row.
When it comes to more advanced functions X5 is not the answer. Then another tool or using code is needed.
I think it could be made using a program like WebAnimator or Google Web Designer.
I have an exapmle here: https://pindown.eu/functions.html
I use the hover instead of scrolling to decide the direction.
It could be made With 3 different scenes that had the text and image behaving like in the example.
Then when the corsor is in the lower end of screen it will go from 1 to 2 to 3. And when in the upper part of screen it will go the other way.
@Axel
If you are interested in such a solution I could maybe make an example.
Author
Thanks John.
But I'm staying on my issue. Your example is nice too
Maybe our KolAsim will have an idea ? me I am poor on this coding !
Enjoy!
Axel