I'm struggling to retrofit my website so it is mobile-browser-friendly. Two of my pages feature thumbnail images which popup moderately-enlarged versions with mouseover on a desktop, and a full-sized image with mouse click on a desktop. I'm trying to resolve how these thumbnails should respond to touch-screen taps.
In one version (www.mauitradewinds.com/TestA/StarWind.htm
) tapping the thumbnail once does nothing, but double-tapping the screen anywhere produces a modest enlargement. In another version (www.mauitradewinds.com/TestB/StarWind.htm
) tapping a thumbnail once launches a full-screen image. The user needs to tap the back button to return to the original content. I'm aware that users can also zoom the thumbnails. But the quality of a zoomed thumbnail is not equivalent to the quality of the full-sized image.
I'd appreciate some guidance on which method is preferable (A or B).