🚀 Big News: Socket Acquires Coana to Bring Reachability Analysis to Every Appsec Team.Learn more
Socket
Book a DemoInstallSign in
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

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.