File APIs for Java Developers
Manipulate DOC, XLS, PPT, PDF and many others from your application.
The moose likes HTML, CSS and JavaScript and the fly likes UI problems Big Moose Saloon
  Search | Java FAQ | Recent Topics | Flagged Topics | Hot Topics | Zero Replies
Register / Login
JavaRanch » Java Forums » Engineering » HTML, CSS and JavaScript
Bookmark "UI problems" Watch "UI problems" New topic

UI problems

lokesh pushpa

Joined: Nov 21, 2011
Posts: 23
HI UI Experts,

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
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.

Please suggest me, how to resolve this issue.

If any grammer mistake please forgive me...


Rob Crowther
Ranch Hand

Joined: Nov 06, 2012
Posts: 297

Please post your code.

Read my books: Hello! HTML5 & CSS3 | HTML5 in Action | Read my blog
I agree. Here's the link:
subject: UI problems
It's not a secret anymore!