Hi Gianpizano,
Thanks for your interest in Animate It!
However, I am afraid the functionality you need would not be possible using the plugin alone.
You need to add some simple Javascript and custom HTML code as shown here:
https://www.w3schools.com/howto/howto_js_toggle_class.asp
The tutorial is really simple.
This should toggle the animation classes you want.
Here’s an quick example I tried:
https://visas.wpdevcloud.com/giancarlo-animation/
Please let me know if this is what you want and I’ll share the code with you
Hi there!
Thanks for the support.
It is perfect!
Thank you! I am waiting for the code to put it in my project and the link to make my donation. Greetings!
This is the code I used:
<div id="myDIV" style="text-align: center;">
<img src="https://visas.wpdevcloud.com/wp-content/uploads/2021/08/animateit-icon.png" />
</div>
<p style="text-align: center;">
<button onclick="myFunction()">Animate it!</button>
</p>
<script>
function myFunction() {
var element = document.getElementById("myDIV");
element.classList.toggle("animated");
element.classList.toggle("zoomOut");
element.classList.toggle("duration1");
}
</script>
Its pretty straign forward. Please feel free to let me know if you face any issues.