JarCasting
JarCasting JarCasting

angular-ui-swiper

WebJar for angular-ui-swiper

License

License

MIT
Categories

Categories

Github Development Tools Version Controls
GroupId

GroupId

org.webjars.bower
ArtifactId

ArtifactId

github-com-nebulr-ui-swiper
Last Version

Last Version

2.3.0
Release Date

Release Date
Type

Type

jar
Description

Description

angular-ui-swiper
WebJar for angular-ui-swiper
Project URL

Project URL

http://webjars.org
Source Code Management

Source Code Management

https://github.com/nebulr/ui-swiper

Download github-com-nebulr-ui-swiper

Filename Size
github-com-nebulr-ui-swiper-2.3.0.pom
github-com-nebulr-ui-swiper-2.3.0.jar 433 KB
github-com-nebulr-ui-swiper-2.3.0-sources.jar 22 bytes
github-com-nebulr-ui-swiper-2.3.0-javadoc.jar 22 bytes
Browse

How to add to project

<!-- https://jarcasting.com/artifacts/org.webjars.bower/github-com-nebulr-ui-swiper/ -->
<dependency>
    <groupId>org.webjars.bower</groupId>
    <artifactId>github-com-nebulr-ui-swiper</artifactId>
    <version>2.3.0</version>
</dependency>
// https://jarcasting.com/artifacts/org.webjars.bower/github-com-nebulr-ui-swiper/
implementation 'org.webjars.bower:github-com-nebulr-ui-swiper:2.3.0'
// https://jarcasting.com/artifacts/org.webjars.bower/github-com-nebulr-ui-swiper/
implementation ("org.webjars.bower:github-com-nebulr-ui-swiper:2.3.0")
'org.webjars.bower:github-com-nebulr-ui-swiper:jar:2.3.0'
<dependency org="org.webjars.bower" name="github-com-nebulr-ui-swiper" rev="2.3.0">
  <artifact name="github-com-nebulr-ui-swiper" type="jar" />
</dependency>
@Grapes(
@Grab(group='org.webjars.bower', module='github-com-nebulr-ui-swiper', version='2.3.0')
)
libraryDependencies += "org.webjars.bower" % "github-com-nebulr-ui-swiper" % "2.3.0"
[org.webjars.bower/github-com-nebulr-ui-swiper "2.3.0"]

Dependencies

There are no dependencies for this project. It is a standalone project that does not depend on any other jars.

Project Modules

There are no modules declared in this project.

ui.swiper

Most modern mobile touch slider for angular js

This is an angular implementation of http://idangero.us/swiper/get-started/ This requires no dependencies and written entirely in angular! ( That means no swiper install or jquery install necessary ) If you want to configure the swiper just apply the options as attributes to the swiper directive. A reference to the swiper api can be found here : http://idangero.us/swiper/api/

This module also works with webpack and es6.

Install

bower install angular-ui-swiper OR npm install --save-dev angular-ui-swiper

Add files

<link rel="stylesheet" href="bower_components/angular-ui-swiper/dist/angular-ui-swiper.css">
<script src="bower_components/angular-ui-swiper/dist/angular-ui-swiper.js"></script>

OR

<link rel="stylesheet" href="node_modules/angular-ui-swiper/dist/angular-ui-swiper.css">
<script src="node_modules/angular-ui-swiper/dist/angular-ui-swiper.js"></script>

Usage

Add the module dependency to your project angular.module('app', ['ui.swiper']);

Sample Usage :

<swiper>
  <slides>
    <slide>Slide1</slide>
    <slide>Slide2</slide>
  </slides>
  <prev></prev>
  <next></next>
  <pagination></pagination>
</swiper>

See here you added a swiper with pagination and directional buttons. Within the slide tag you can put whatever html you want to put in there!

For more examples you can look at the demo page.

Versions

Version
2.3.0