Animate on scroll aos Atom for Gantry 5
-
-
- Wicko
- Elite Rocketeer
- Posts: 884
- Thanks: 8
- Self employed Graphic designer with over 20 years of experience in branding, retail packaging and web design.
-
Is the aos Atom available to add into Gantry Hellium template?
I see it has been used in several templates.
What files do I need to add to add it to Hellium yemplate? - This image is hidden for guests.
Please log in or register to see it.
Wicko Design is a multi-disciplined creative agency based in the South East of England. Specialising in web design & development, retail packaging and brand identity.
https://www.wickodesign.com
-
-
-
- MrT
- Preeminent Rocketeer
- Posts: 101084
- Thanks: 13484
- Web Designer/Developer
-
With your subscription yes.
If you want to know how to copy a Gantry 5 particle from one template to another please read my tutorial here in Gantry 5 Official Documentation here .
This tell you what template the particle is included in https://rockettheme.com/forum/gantry5-for-joomla/274835-gantry-5-particles-the-matrix-v1-12
Regards, Mark. -
The following users have thanked you: Wicko
- Please search forums before posting. Please make sure your post includes the version of the CMS you are using and a link to the problem. Annotations on screenshots can also be helpful to explain problems/goals. Please use the "secure" tab for confidential information.
-
-
-
- Wicko
- Elite Rocketeer
- Posts: 884
- Thanks: 8
- Self employed Graphic designer with over 20 years of experience in branding, retail packaging and web design.
-
Hi Mark
I have managed to add the yaml and twig files to my customer/particles folder and also added the js and css to the relevant custom folders also. Twig I edited to point to the new customer locations.
But still don't appear to be able to get this to work.
What I am looking to do is replicate the kind of animations that are on this Audacious.co.uk .
To anamate as I scroll down the page and for the header bubbles fade as you scroll away and then reappear as you scroll back.
Is this possible with animate on scroll? - This image is hidden for guests.
Please log in or register to see it.
Wicko Design is a multi-disciplined creative agency based in the South East of England. Specialising in web design & development, retail packaging and brand identity.
https://www.wickodesign.com
-
-
-
- MrT
- Preeminent Rocketeer
- Posts: 101084
- Thanks: 13484
- Web Designer/Developer
-
No, that's not what animate on scroll does... It's function is to trigger an animation (once) when that item becomes visible on the page. The example you cite doesn't do that it's varying by how much you scroll. To do thatyou will need to write your own JS.
Regards, Mark. - Please search forums before posting. Please make sure your post includes the version of the CMS you are using and a link to the problem. Annotations on screenshots can also be helpful to explain problems/goals. Please use the "secure" tab for confidential information.
-
-
-
- Wicko
- Elite Rocketeer
- Posts: 884
- Thanks: 8
- Self employed Graphic designer with over 20 years of experience in branding, retail packaging and web design.
-
ok. I did try to write my own JS for the top fade which works on in codepen but just can't get ot working on Gantry.
Do you know anyone who can write this kind of scripts for Gantry?
Might even be able to get the exact scripts from the site I mentioned but would still need to get them to work in Gantry. - This image is hidden for guests.
Please log in or register to see it.
Wicko Design is a multi-disciplined creative agency based in the South East of England. Specialising in web design & development, retail packaging and brand identity.
https://www.wickodesign.com
-
-
-
- MrT
- Preeminent Rocketeer
- Posts: 101084
- Thanks: 13484
- Web Designer/Developer
-
This message contains only secure information that is visible to Wicko, moderators and administrators
- Please search forums before posting. Please make sure your post includes the version of the CMS you are using and a link to the problem. Annotations on screenshots can also be helpful to explain problems/goals. Please use the "secure" tab for confidential information.
-
Time to create page: 0.041 seconds