AngularJS animate image on src change

Question

I have an AnuglarJS app, where I load/change some images from a webservice...

Controller

.controller(\'PlayerCtrl\', function($scope, programService         


        

Answer 1

As christoph has mentioned, you should watch using $watch on the image source change. But first make sure you use the ng-src rather than the src for the image tag.

$scope.$watch('program.image', function(newValue, oldValue) {
    if(newValue===oldValue) return;
    $('img#new').hide();
    $('img#new').fadeIn("slow", function() {});
})