Huge News!Announcing our $40M Series B led by Abstract Ventures.Learn More
Socket
Sign inDemoInstall
Socket

just-carousel

Package Overview
Dependencies
Maintainers
1
Versions
17
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

just-carousel - npm Package Compare versions

Comparing version 0.0.3 to 0.0.4

1

index.js

@@ -38,2 +38,3 @@ /* global module, window, document */

this.currentSlideIdx = 0;
this.neededSlideIdx = null;
this.animationDuration = 250;

@@ -40,0 +41,0 @@ this.width = this.root.getBoundingClientRect().width;

2

package.json
{
"name": "just-carousel",
"version": "0.0.3",
"version": "0.0.4",
"description": "Just an 1-item-on-screen carousel that works naturally like an iOS/android desktops and nothing else.",

@@ -5,0 +5,0 @@ "license": "MIT",

@@ -9,18 +9,18 @@ # just-carousel

– No dependencies.
– 1.6kb min + gzip, 8kb full.
– Android 4+, WP8+, iOS 7+.
– Wrote on es3 so must work on most desktop browsers (only requires support for `transform3d`).
– Easy integration with React, Vue, etc.
– Unblocking UI (carousel reacts on any user action at any time). For example you can make 3 fast swype in a row.
– Based on percent-layout. It means that change of device orientation is occurring fast, because doesn't recalculate any
* No dependencies.
* 1.6kb min + gzip, 8kb full.
* Android 4+, WP8+, iOS 7+.
* Written on es3 so must work on most desktop browsers (only requires support for `transform3d`).
* Easy integration with React, Vue, etc.
* Unblocking UI (carousel reacts on any user action at any time). For example you can make 3 fast swype in a row.
* Based on percent-layout. It means that change of device orientation is occurring fast, because doesn't recalculate any
dimensions. Specially fine with responsive layout outside and inside of carousel.
## Limitations
– Supports only one slide on the screen at a time (but you can try to layout many items in each base slide).
– No infinity mode (yet).
— Doesn't have additional elements (like a prev/next arrows, cute little circles, etc). So you will have to do it
yourself using api.
– Doesn't react on mouse events.
— You need to take care that all slides were the same height.
* Supports only one slide on the screen at a time (but you can try to layout many items in each base slide).
* No infinity mode (yet).
* Doesn't have additional elements (like a prev/next arrows, cute little circles, etc). So you will have to do it
yourself using api.
* Doesn't react on mouse events.
* You need to take care that all slides were the same height.

@@ -89,2 +89,4 @@ Thus, this carousel will suit you, if you just need a lightweight, simple, 1-item-on-screen touch-carousel.

MIT © [f0rmat1k](https://github.com/f0rmat1k)
MIT © [f0rmat1k](https://github.com/f0rmat1k)
Special thanks to [air-breathing](https://github.com/air-breathing).
SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

Packages

npm

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc