EverWeb Codebox logo

EverWeb Widgetbox 3

Touch Image Modal Widget

Touch Image Modal

Touch Image Modal Widget
Touch Gallery Widget
Touch Image Modal Widget

Modal

A modal is similar to a lightbox but is simpler with minimal code.
This modal will open a larger image from a thumbnail with tap to open and then tap the device screen anywhere to close.
There are no whistles and bells here - just a simple, lightweight way to show a larger version of an image on mobile devices without taking up space.
The full size image expands to 98% of the viewport width as can be seen by opening the page on a computer and adjusting the browser width.
This is perfect for mobile devices where the screen width limits the image size.

Widget Settings

As with all website images, the thumbnail and the full size image should be cropped to the appropriate size before importing into EverWeb.
The thumbnail image should be cropped to the size that it will be displayed on the web page and the full size image at no more than the screen width of the device it will be displayed on. If retina quality is required, double the image width.
Choose the thumbnail and the full size image and enter alt text for SEO.
Set the thumbnail border width color and corner radius if required.
If a box shadow is needed, set its color and radius.

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.