Dart Swiper Responsive Images Example
This example shows how to use Swiper with responsive images. Whenever the browser is resized, the Swiper is automatically adjusted.
Demo
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.
Description
- Responsive. Recalculates the width and height of the Swiper whenever the browser is resized.
- Touch and Mouse. Swipe with either touch or mouse.
- Cursor. Changes cursor during drag.
- Cancel. Esc-key or window loosing focus cancels the drag.
- Transition. Default transition speed of 300ms (is auto-adjusted to the remaining transition distance).
- 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.