I was able to get your example working, but am still having issues getting it to work in my own code.
I am using the view/controller method as well and also the SAP UI5 Router functions.
I have a JSP file and then a controller.js file and a view.js file. I have attached the files. I basically took that image that you had and put it in 2 places. In the createContent for the view and then just straight in the HTML as an <img> tag. Both images show up, but the zoom functionality only works on the one image that is directly in the <body> tag.
I'm using Chrome as my browser and don't see any errors in the JavaScript console....so I'm not sure they it is not working for the one image and is for the other.
Thanks for the help.