AngularJS - ngMouseenter & ngMouseleave expanding image menu

I'm trying to create an expanding image menu like the jQuery Kwicks plugin - [url removed, login to view] , but am attempting to do it the Angular way (no jQuery dependency).

I have the following Plunker - [url removed, login to view]

Essentially the menu works (sort of), but when mousing over the items quickly I have noticed that:

- The last image gets cut off and pushed to the bottom, apart from the obvious CSS pushing it to the bottom each time, I assume this is happening because the animations aren't syncing correctly (if that is even possible in Angular)

- ng-animate class doesn't get removed on some or all of the elements, I assume this is happening as to many animations are attempting to fire at once and cancelling out one another.

In addition, I am using:


UI Router

FutureState resolve (ui-router-extras)


I need to make this work better, help?

Habilidades: Angular.js, Javascript

Veja mais: this class jquery, angularjs ui, cancelling an, angularjs menu, javascript animations, embed jquery, angular animations, angular css, angularjs responsive, Angular javascript, responsive animate, jquery sort, jquery plugin help, sort jquery, jquery angular, angular jquery, responsive image css, angular jquery plugin, jquery angularjs, css javascript image, angularjs jquery, jquery embed, jquery image animations, router help, cut plugin

Acerca do Empregador:
( 0 comentários ) Cape Town, South Africa

ID do Projeto: #6786535

3 freelancers estão ofertando em média R1075 para esse trabalho


A proposal has not yet been provided

R1088 ZAR in 3 dias
(7 Comentários)

Hello Jared, I have checked your demo code. Please have a discussion on skyp so i can help you if possible. Thanks

R1050 ZAR in 3 dias
(2 Comentários)

Hi im juz starting out on freelancer.com. It would be amazing if you give me this oppurtunity. I can guarantee satisfaction in the end result because I code to follow my passion and this is never work for me. Its somet Mais

R1088 ZAR in 3 dias
(0 Comentários)