Support » Plugin: Animate It! » start animation on button click using elementor

Viewing 4 replies - 1 through 4 (of 4 total)
  • Plugin Author eleopard

    (@eleopard)

    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.

    Plugin Author eleopard

    (@eleopard)

    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

    Thread Starter gianpizano

    (@gianpizano)

    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!

    Plugin Author eleopard

    (@eleopard)

    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.

Viewing 4 replies - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.