search

ematsakov / tilezoom

TileZoom Plugin is an image zoom plugin which uses image tiles and provides a convenient way to zoom in and zoom out of high-resolution images.
17 stars 7 forks source link

Fullscreen function crashes Android Browser #1

Open ericente opened 12 years ago

ericente commented 12 years ago

Current TileZoom build crashes every Android (default) browser tested when the fullscreen button is pressed.

I have worked around this issue by commenting out lines 733 and 745 of jquery.tilezoom.js. Without these lines (hiding and then showing/fading-in tiles) fullscreen does not crash on Android, however, there are some issues with this display mode on some Android devices:

On Kindle Fire, Nook Tablet, HTC Desire, and LG Optimus V, tapping the exit fullscreen button causes the script to hang until a device orientation change (screen resize) event is received, at which time, fullscreen mode exits successfully.

On Samsung Galaxy SII, attempting to drag image outside of the viewable area causes the image to be scaled down disproportionately so that the entire image stays in the viewable area.

Samsung Galaxy Tab 10.1 behaves similarly to the Galaxy SII, but the tiles don't stay positioned together properly relative to each other when getting distorted.

Motorola Xoom is the only Android device I've been able to test with that doesn't show any issues with fullscreen mode (once the hide/fadeIn lines have been removed)

I'll let you know if I find a solution to these issues.

ericente commented 12 years ago

CSS property position:fixed does not behave as it's supposed to on many Android 2.x devices, especially Samsung devices. The container having this property set on the container when in fullscreen mode (jquery.tilezoom.css line 6) is the source of the problem with fullscreen display on Samsung devices.

I have changed this property to position:absolute; instead, and it seems to have resolved all of my reported issues on all devices mentioned.