Dart Swiper: HTML Content Example

This example shows how to use the Swiper with any HTML content.

Swipe to see some HTML content →

.col-sm-6

.col-sm-8

.col-sm-4

#	First Name	Last Name	Username
1	Mickey	Mouse	mick
2	Biene	Maja	maja
3	Marco	Jakob	mmm

If you have problems with the Swiper please go to the Swiper GitHub Repository and report an Issue.

Hope you have fun swiping.

Marco

HTML Content. Any HTML content is possible. Interaction with form elements is preserved.
Responsive Width. Predefined height but width is adjusted automatically.
Transition. Default transition speed of 300ms (is auto-adjusted to the remaining transition distance).
Touch and Mouse. Swipe with either touch or mouse.
Cursor. Changes cursor during drag.
Cancel. Esc-key or window loosing focus cancels the drag.
Scroll Prevention. Detects if the user swipes horizontally or scrolls vertically.
Resistant Bounds. Increases resistance on left and right bounds to indicate that user reached the end.

Dart Swiper HTML Content Example