I need a simple image zooming tool and I want to use this for those purposes: http://www.dynamicdrive.com/dynamicindex4/powerzoomer.htm
I'm having an issue getting the tool to work on my UI5 images.
If I have something like:
<head>
<script type="text/javascript">
jQuery(document).ready(function($){ //fire on DOM ready
//EXAMPLE 1:
$('#test').addpowerzoom()
})
</script>
</head>
<body>
<img id="test" src="images/w1.jpg"/>
</body>
Then it works fine for me.
However, if I have the following:
<head>
<script type="text/javascript">
jQuery(document).ready(function($){ //fire on DOM ready
//EXAMPLE 1:
$('#test').addpowerzoom()
})
</script>
<script>
.....
var bigImage = new sap.ui.commons.Image("test", {src: "images/tn_right1.jpg"}).addStyleClass("image-constraint");
bigImage.placeAt("content");
.....
</script>
</head>
<body class="sapUiBody" role="application">
<div id="header"></div>
<div id="content"></div>
<div id="footer"></div>
</body>
Then the zoom script is not getting properly attached to act on the image.
Any help is appreciated.
Thanks.