EverWeb Codebox logo

EverWeb Widgetbox 3

Touch Image Modal Widget

Touch Zoom Module

Touch Gallery Widget

Touch Zoom

Click the thumbnail image to open the full size image.
Click the tab link to buy the widget.

Widget Settings

This widget has all the functions of the Touch Module widget with the addition of a zoom function for the thumbnail.
When the image is clicked, the full size version opens in a lightbox window. In this case, the lightbox overlay opacity has been set to zero so that the page content is still visible.
Clicking or tapping anywhere outside of the zoomed image will close it.

The widget settings are exactly the same as shown on the previous page with the addition of the ones shown above right.
These are for choosing the full size image, setting its width and distance from the top of the browser window, setting the overlay color and opacity and the speed of the animation.
The width is set in pixels so that a different value can be use on the various versions of the site for computer, tablet and smart phone.
To make the tablet and smart phone versions more efficient, it's a good idea to use smaller images for them. For example, the image on this page is 800px wide but could be reduced to 600px for tablets and 300px for smart phones.
The full size image has been set to appear at 20% from the top of the browser window.

Touch Widgets Bulk Pack Discount Deal

Buy all 4 Touch Widget packs for $30.00 …

This widget is included in the Touch Image widget pack.