New Case Study:See how Anthropic automated 95% of dependency reviews with Socket.Learn More
Socket
Sign inDemoInstall
Socket

angular-jk-carousel-fork

Package Overview
Dependencies
Maintainers
1
Versions
3
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

angular-jk-carousel-fork - npm Package Compare versions

Comparing version 0.1.7 to 1.0.0

56

package.json
{
"name": "angular-jk-carousel-fork",
"version": "0.1.7",
"description": "Amazing carousel for angular material",
"main": "dist/jk-carousel.js",
"version": "1.0.0",
"description": "",
"main": "index.js",
"scripts": {
"test": "echo \"Error: no test specified\" && exit 1"
},
"repository": {
"type": "git",
"url": "git://github.com/juank11memphis/angular-jk-carousel.git"
"url": "git+https://github.com/npm/deprecate-holder.git"
},
"scripts": {
"prepublish": "gulp build",
"test": "echo \"Error: no test specified\" && exit 1"
},
"author": "",
"license": "ISC",
"bugs": {
"url": "https://github.com/MRdotB/angular-jk-carousel/issues"
"url": "https://github.com/npm/deprecate-holder/issues"
},
"homepage": "https://github.com/juank11memphis/angular-jk-carousel#readme",
"author": "Juan Carlos Morales Mora <juank.memphis@gmail.com>",
"contributors": [
{
"name": "Pablo Gonzalez",
"email": "pablohgm@gmail.com"
}
],
"license": "MIT",
"keywords": [
"angular",
"angular-material",
"carousel",
"slider"
],
"devDependencies": {
"gulp": "3.9.0",
"require-dir": "0.3.0",
"run-sequence": "1.1.5",
"gulp-sass": "2.1.1",
"gulp-autoprefixer": "3.1.0",
"gulp-concat": "2.6.0",
"gulp-size": "2.0.0",
"del": "2.2.0",
"gulp-cache": "0.4.1",
"gulp-angular-templatecache": "1.8.0",
"gulp-csso": "1.0.1",
"systemjs-builder": "0.14.15",
"gulp-uglify": "1.5.1",
"uglify-save-license": "0.4.1",
"gulp-util": "3.0.7",
"gulp-rename": "1.2.2",
"gulp-jshint": "1.10.0",
"jshint-stylish": "2.1.0",
"gulp-util": "3.0.7"
}
"homepage": "https://github.com/npm/deprecate-holder#readme"
}

@@ -1,64 +0,5 @@

# AngularJS Responsive Carousel
# Deprecated Package
An Amazing Fully Responsive AngularJS 1 Carousel that works with Angular Material and has no jQuery dependency.
This package is no longer supported and has been deprecated. To avoid malicious use, npm is hanging on to the package name.
Demo : https://embed.plnkr.co/ovBExhpO40yzWPJ47QFE/
## Install :
### npm
`npm install angular-jk-carousel`
## Usage :
- Add `jk-carousel.js` to your index file:
```html
<script src="angular.js"></script>
<script src="jk-carousel.js"></script>
```
- Add `jk-carousel.css` to your index file:
```html
<link href="jk-carousel.css" rel="stylesheet" type="text/css" />
```
- Add a dependency to the `jkAngularCarousel` module in your application.
```js
angular.module('MyApp', ['jkAngularCarousel']);
```
- Add a `jk-carousel` tag to your html, set the data array, the item template url and the carousel max width and height.
```html
<jk-carousel data="ctrl.arrayData" item-template-url="'item-template.html'" max-width="700" max-height="400" >
</jk-carousel>
```
NOTE: If a maxWidth and a maxHeight is not set, the component will work, but, it will not be responsive, this feature requires those properties to be properly set ('100%' is not an accepted value, a specific size in pixels needs to be set).
- The data array can be pretty much any collection of any kind of objects that you like
```js
vm.arrayData = [
{ src: 'image1.png' },
{ src: 'image2.png' },
{ src: 'image3.png' },
{ src: 'image4.png' }
];
```
- A very simple example of an item template looks like this:
```html
<div>
<img ng-src="{{slideItem.src}}" >
</div>
```
- It is possible to set the component to auto slide, if the auto slide time is not set, we use the default of 5 seconds:
```html
<jk-carousel data="ctrl.arrayData" item-template-url="'item-template.html'" auto-slide="true" auto-slide-time="1000" max-width="700" max-height="400" >
</jk-carousel>
```
## TODO :
- Add Fade transition type
## License
This module is released under the permissive [MIT license](http://revolunet.mit-license.org). Contributions or suggestions are always welcome :D
Please contact support@npmjs.com if you have questions about this package.
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