wood burning stoves 2.0*
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
Author

UI problems

lokesh pushpa
Greenhorn

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

Please suggest me, how to resolve this issue.

If any grammer mistake please forgive me...

Thanks
lokiPushpa


Rob Crowther
author
Ranch Hand

Joined: Nov 06, 2012
Posts: 297
    
    5

Please post your code.


Read my books: Hello! HTML5 & CSS3 | HTML5 in Action | Read my blog
 
I agree. Here's the link: http://aspose.com/file-tools
 
subject: UI problems