smart image enlarger- problems on iPhone

[dduser96]

http://www.dynamicdrive.com/style/csslibrary/item/css_smart_image_enlarger/#nogo
What a great but simple tool thanks.
However on an iPhone and I guess therefore an iPad once the image enlarges it stays on screen permanently covering other things on there.
All other browser remove the enlargement when the cursor comes off.
Does anyone know how to make this work for iPhone please?

[jscheuer1]

Use something click dependent like:

http://www.dynamicdrive.com/dynamicindex4/imagemagnify.htm

[dduser96]

Thanks John

Are we saying that anyhting that hovers will not disappear on these touch screen devices?

The click one is ok but no cursor appears on the thumbnail and I think it requires a closing x top right say.
The site I am working on is for hearing and mobility and these people a bit older would appreciate a defined closing icon

I did not see an option for that in the paramaters - any ideas please?
Thanks
Phil

[djr33]

Are we saying that anyhting that hovers will not disappear on these touch screen devices?Basically. Or it might not open in the first place.

"Hover" simply doesn't exist on those devices. Touch goes, and so do "gestures", at least one some devices. So you could reprogram the script to work with touchscreen input (for example, Apple has a mobile touch/gesture API available), but it won't work as-is with a "hover" method.

There's nothing technically wrong with the script. It "works" fine, but there just is no equivalent input.

[bernie1227]

This is the second time I've recommended this today, but you may be looking for something more akin to lightbox:
http://lokeshdhakar.com/projects/lightbox2/

[bernie1227]

"Hover" simply doesn't exist on those devices. Touch goes, and so do "gestures", at least one some devices. So you could reprogram the script to work with touchscreen input (for example, Apple has a mobile touch/gesture API available), but it won't work as-is with a "hover" method.

In my experience many touchscreen users (myself included) eventually just get used to having to click things and click of things for hovering, and if you are really desperate for hovering, then the user will have to just go and use a computer.

[djr33]

Agreed. And to add to that, Bernie, it is often possible to somehow force a script to work (as you said, perhaps with multiple clicks/taps), but this isn't guaranteed.

dduser96, one option is to use your mobile device to navigate to the demo pages for many scripts and find one that you think is satisfactory (even if not perfect). Even if "hover" itself isn't available, some other combination might approximate it enough for certain things to work. But also remember that it might be different on different devices.

[bernie1227]

Very true, another thing is that I use touchscreens quite a bit, and I've never really found an image enlarging script that feels natural on a touchscreen, and it is probably better just to sacrifice the few who do use touchscreens to visit your website.

[djr33]

Very good point. They make it so easy (and natural) to zoom in and out that it's not really helpful and probably just confusing.

Of course on something larger like an iPad or other large tablet, it might be a little more helpful.

[bernie1227]

Actually, I just had a thought, the most natural touch screen image enlarger is the google images for touchscreens in which you can click on images and they become full screen and you can scroll sideways to get the images on the left and right, quite similar to a dynamic drive scripting remember seeing for image scrolling but on touchscreen.

[jscheuer1]

This is the second time I've recommended this today, but you may be looking for something more akin to lightbox:
http://lokeshdhakar.com/projects/lightbox2/

Lightbox uses hover for it's group feature. I don't think that would work on a touch device, it might though. Have you tried that feature on a touch device? Otherwise it does rely entirely upon the click, or at least as far as I recall.

[dduser96]

Thanks very much for your advice guys.

Think I will try the lightbox, had used earlier versions but scriptaculous.js and prototype.js seemed to conflict with many other java scripts so I stopped using it. I see the author has now used jquery.
I will have to test it though if you feel there is a hover feature, cannot remember that on earlier versions, you definatley had to click to open and click to close.

Is the Google one purely for touch screens or will it work on normal browsers as well does anybody know.

Phil

[jscheuer1]

The hover is only used for the rel="lightbox[groupname]" feature that creates Lightbox galleries with next/previous buttons that appear on hover of the image in the Lightbox. These are css based hovers though so might work adequately on touch devices (like the original code in this thread perhaps, appearing but not disappearing, which would be OK, since they should then disappear when clicked). If not, editing the lightbox.css file can make them always visible. They activate on click.

[bernie1227]

Is the Google one purely for touch screens or will it work on normal browsers as well does anybody know.


no , I don't even know how you would get ahold of the code for the google one, let alone it being available for regular browsers.