In thi example of Ng-Mouseover, We will show the image on mouse over of div element and on mouse leave we want to resize the image. See the code:
<!DOCTYPE html> <html xmlns=""> <head> <title></title> <script src=""></script> <link rel="stylesheet" href=""> </head> <body ng-app=""> <div class="container"> <div class="row text-center"> <p>Mouse Over To Zoom Image</p> <div class="col-md-2"></div> <div class="col-md-8" ng-mouseover="style={'height':'450px','width':'800px'}" ng-mouseleave="style={'height':'300px','width':'500px'}"> <img class="text-center" ng-style="style" style="height:300px;width:500px" ng-hide="changeImage" src="" /> </div> <div class="col-md-2"></div> </div> </div> </body> </html>