• kingteeb

    (@kingteeb)


    I’d like to trigger an animation on a widget when a button is pressed elsewhere on the site. Is this possible?

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

    (@eleopard)

    Dear Kingteeb,

    Thanks for using the Animate It!

    I am afraid what you seek is not possible with the Animate It! Plugin.
    It would require some additional custom scripting.

    Let me know what kind of animation you are looking for.
    Maybe I can help ??

    Thread Starter kingteeb

    (@kingteeb)

    Hey, thanks for replying. I love the plugin, I’m using it elsewhere on the site and its working perfectly. All I’m trying to do is get a swing animation to trigger on my footer widget when you press the contact button in the main menu. If you have any suggestions that’d be great!

    Plugin Author eleopard

    (@eleopard)

    Dear Kingteeb,

    One last thing ??

    Are you using any Page Builder for the pages/posts?
    If so please let me know its name.

    Thread Starter kingteeb

    (@kingteeb)

    I am using the Sydney theme which uses Page Builder by SiteOrigin I believe

    Plugin Author eleopard

    (@eleopard)

    Dear Kingteeb,

    Thanks for providing the info.
    you would have to ad javascript to the page to achieve this.

    Do the following (it is simple copy and paste mostly ?? ):

    1. Add this plugin to the website:
    https://www.ads-software.com/plugins/insert-headers-and-footers

    2. Go to Settings, Insert Headers and Footers and add the following to the footer box:

    <script>
    jQuery(function(){
       jQuery('.add-class-btn').on("click", function () {
       jQuery('.animate-me').addClass("animated spinner duration1");
       });
    });
    </script>

    Please note: you can change the animation classes , just go to:
    https://www.downloads.eleopard.in/class-generator-wordpress
    generate you class, Copy and replace animated spinner duration1 with your own generated classes.

    3. The area which you want to be animated, add animate-me class to it.
    (refer this screnshot)

    4. Add the class add-class-btn to your button
    (again you can use widget class area, or you can do it manually)

    Now your animation should be added to the area on click.

    You can see this live here. I have used Sydney theme and Siteorigins to replicate your website:
    https://animateitdemo.wpdevcloud.com/post-for-kingteeb/

    Let me know if this works for you.

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Is it possible to trigger an animation after clicking a separate button?’ is closed to new replies.