Product
Introducing License Enforcement in Socket
Ensure open-source compliance with Socket’s License Enforcement Beta. Set up your License Policy and secure your software!
Swipe component with touch support, for image carousels or any other content. Try it out the demo in your browser or on your device.
$ component install component/swipe
showing
(i, pane): when the transition to another pane beginsshow
(i, pane): when the transition to another pane finishesCreate a swipe object for el
. This should be a container element
that wraps a list of several items. View ./example.html for a
working example.
Set the swipe threshold to n
.
This is the factor required for swipe
to detect when a slide has passed the
given threshold, and may display the next
or previous slide. For example the default
of .5
means that the user must swipe beyond
half of the side width.
Set the "fast" swipe threshold to ms
.
This is the amount of time in milliseconds
which determines if a swipe was "fast" or not. When
the swipe's duration is less than ms
only 1/10th of
the slide's width must be exceeded to display the previous
or next slide.
Set the transition duration, defaults to 300ms.
Set the cycle interval, defaults to 5000ms.
This method should be invoked when the swipe element has been resized, or an item has been added or removed.
Play through all items using the cycle interval.
Stop playing.
Is on the first visible item.
Is on the last visisble item.
Show the previous item if present, or do nothing.
Show the next item if present, or do nothing.
Show item with the given index i
with the given
transition in ms
defaulting to the .duration()
value.
You may pass { silent: true }
as an option to silence show events.
MIT
FAQs
Swipe component with touch support
We found that swipe demonstrated a not healthy version release cadence and project activity because the last version was released a year ago. It has 13 open source maintainers collaborating on the project.
Did you know?
Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.
Product
Ensure open-source compliance with Socket’s License Enforcement Beta. Set up your License Policy and secure your software!
Product
We're launching a new set of license analysis and compliance features for analyzing, managing, and complying with licenses across a range of supported languages and ecosystems.
Product
We're excited to introduce Socket Optimize, a powerful CLI command to secure open source dependencies with tested, optimized package overrides.