EverWeb Widgetbox

Touch Scroller

Touch Scroller Carousel
touch scroll carousel swipe scroll garb and scroll mouse wheel scroll touch scroller carousel scroll touch image image scroller touch image carousel

Touch Scrolling Image Carousel

The touch scroller is suitable for use on mobile devices such as iPad and iPhone. It can also be used on the full site since it has three methods of scrolling...

[1] Swipe scrolling on mobile devices.

[2] Mouse wheel scrolling on computers with magic mouse, scroll wheel or trackpad.

[3] Grab and drag on computers where mouse wheel is not available.

The cursor type has been set to "grab" to give computer user a clue as to how to scroll the images.

Widget Settings

The images are loaded in the usual way be either selecting them one by one from the EverWeb Assets List are dragging them en masse from a Finder folder onto the Assets List in the widget seetings panel.

Find out more about preparing the images and loading them.

Highlight each image file name in turn and enter alt text for SEO.

Adjust the width and height of the carousel using the drag handles or the Metrics inspector.

Check the box to reverse the default scroll direction if necessary.

The carousel can be "framed" by adding padding, a box shadow and rounded corners. In this case, the carousel container can be given a suitable background color to complement the page design.

Get The Widget