I've been asked to help in trying to assemble a team of people that can help with the maintenance of this project. It's been some months since the last commit and @darielnoel wants to keep the project alive, but he is scarce on time.

People interested in helping 🙋 please join this conversation. The more the better 😃

How can I attach animations to elements using jQuery? I can't add html attributes as I don't have control over that. My only option is to use jQuery/Javascript to inject them.

https://github.com/anijs/anijs/wiki/JQuery-Events-System does not speak about the same. For me the example looks complex.

I am looking for some methods/events example which is easy to understand.

I found the below example at https://github.com/anijs/anijs/wiki/Handling-Animations-Using-JavaScript. But how can I apply multiple animations using this method?

Hello,

Anijs was an incredible discovery for me! This library is just awesome !!! But now I'm with a problem that limit really my ideas, the possibility to make an animation before a url redirection. After looking on the web I dont find any answer...

So, is there a way to start an animation before an url redirection with anijs ?

Thanks !

I love AniJS :) i have a question about this:

AniJS.createAnimation([{ event: 'click', //if eventTarget: '.animated1', //on behavior: 'hinge bounceIn animated', //do behaviorTarget: '.animated1target', //to after: 'holdAnimClass', }]);

The after: 'holdAnimClass' didn´t work for me. How can i get this work?

Cheers Tobi

Hi, thanks for the plugin, It's awesome. One problem I am facing . I have installed it for a website which I am developing. All the features as found have been properly coded. e.g.

1. I have written

2. I have written your data- attribute for my
   e.g.

   But one interesting feature I am observing. I can view the animation in Chrome but not in Firefox. i have took the Console and found there is a Type Error saying which is "TypeError: eventCollection[aniJSEventID] is undefined". I have seen your script. and found there it is perfect. So what is the mess I am doing?? Can you please suggest?

Thanks in advance

Hi there! I've noticed some strange behaviours on mobile with CSS animations in my project. It's really my first time using Ani, so maybe I'm missing a point.

Is there a way to deactivate all Ani data?

The link: http://taudesign.com/temp/edelvives/inloove/presentacion/

Big thanxs!

I'm trying to create a menu that bounceInUp when mouseenter the main li. Then once the mouseleave the main li runs hinge and then removes all animations to make the element disappear. This is my code:

I have tried removing the before from the mouseleave and it just removes all classes. I have tried just adding hinge, or hinge & animate and it doesn't leave the visible class. Any advice?

hello,sorry for my bad english,I try several times to make anijs working on joomla 3.3 but it still not working.I don t know why, I see the codepen, examples etc.. I do but the code has no effect, no class added.I test animation only (animate.css)it is working but no anijs, no class added, I check with firebug.Perhaps a problem with jquery noconflict ?( for example I have to use the word "jQuery" instead of "$" for script ) I don t know,I need help please.I made a website just for this, for example, to test code: http://s317686623.onlinehome.fr/ can you help me and tell me where is the problem ? I found your work beautiful,and i would like to use it. thanks a lot a joomla user

While test driving AniJS on a NodeJS/Express site using the Jade template engine, I have noticed that the animations do not work unless the anijs.js script reference is included directly in the partial view where the html tag to be animated with the "data-anijs" attribute exists. If the anijs script reference is included as part of a layout file(loaded into the page ) the anijs script loads prior to the view file's html, but no animation occurs. If the anijs script reference is included in the partial view, the animations work great. For obvious reasons I would rather have the script reference to anijs in the layout head tag, then just add the "data-anijs" attribute where desired throughout the site's views/partial views as with all other script libraries I am using.

Am I missing something here or is this just the nature of the AniJS library? Good work btw.

Hello. Thank you for your lib. It's very useful. I use the v 0.4.0. I need in some situations to do the animation only once. How can I do that?

For example:

• if:hover, do: hinge animated;

This constuction does the hinge everytime when I hover the element. But i need to do the Animation ONLY during the first hovering and then switch it off.

The helper: 'after:removeAnim' doesn't work. Why? It seems that I don't understand what it is actually doing. But it doesn't stop the animation after the first time was done.

Also the helper 'after:holdAnimClass' is not useful when I need the HINGE Animation, because using this helper after the hinge Animation the element doesn't come back its place - it disappears!

I need the hinge animation only once, coming back the element at its old place and stop doing this animation after repeated hovering.

Please help me =)

Hello, I used the following label to encourage an item and works:

 <img src="assets/img/logo.png" data-anijs="if: load, on: window, do: zoomIn animated">

But when my templates to integrate " Angular " is not working. I have been researching and found the following:

 <img src="assets/img/logo.png" data-anijs="if: DOMContentLoaded, on: document, do: zoomIn animated">

Unfortunately it does not work either, I could help Source: http://regularjs.github.io/blog/2014/07/26/2014-7-26-animation-rethink/#Angular

Is it possible to trigger an animation on scroll? Either at a specific position on the page or when the element comes into view. And if so, can you trigger for just the first scroll?

The battle between AMD/UMD/CJS has ended, and the JS Gods have standardised modular javascript with the introduction of ES6 modules. So if possible, it could be useful to update the docs to show Ani.js users how to use the library in the 'standard' ES6-module way.

I found out today that Ani.js is listed in cdnjs. Perhaps the documentation for the installation of Ani.js should also include "Using Directly from CDN" as an option, too.

Hi all,

that's not a bug. I would like to know if it's possible with anijs to animate elements one by one. For example, in a table, I would like to animate all the tr individually, and not at a same time.

Thanks!

Alexander

Hi

Another question (sorry for bombing ^^'): I have a mouseover event to pulse an element. When I remove the mouse I want the pulse to stop, but with pulse infinite animated it loops endlessly and with pulse animated just once.

I tried to removeAnim in after but it doesn't work. What am I missing?

Thanks a lot