I am using one overlay in that we are showing 2 images with Zoom Functionality.
Using Jacklmore js file. You can find the sample zooming functionality on www.jacklmore.com.
Here "Grab" functioality we are using for zooming.
As per my requirement i kept 2 images instead of one image(U can find in jacklmore site).
And By using id's of images i am calling zooming functinality.
Problem is zoomicon in the image is showing inside the image but requirement we need to show outside of the image.
In js file they are using css to position the zoomIcon and for zooming they are using Overflow: hidden. So in IE8, zoomIcon is not coming outside of the span.
If overflow: hidden is removed then zooming functionality coming oddly.
I used below ways:
1. Using z-index i am not getting the zoomIcon out of the image(top right corner in rectangle box)
2. Using custom css i am not getting the zoom functionality on zoomIcon.
3. Remove the overflow:Hidden property, i am not getting the zoom functionality as per requirement.