mp-slider

WebJar for mp-slider

License	MIT
Categories	IDE Development Tools
GroupId	org.webjars.bowergithub.mpachnis
ArtifactId	mp-slider
Last Version	2.0.5
Release Date	Sep 26, 2018
Type	jar
Description	mp-slider WebJar for mp-slider
Project URL	http://webjars.org
Source Code Management	https://github.com/mpachnis/mp-slider

Download mp-slider

Filename	Size
mp-slider-2.0.5.pom
mp-slider-2.0.5.jar	1 MB
mp-slider-2.0.5-sources.jar	22 bytes
mp-slider-2.0.5-javadoc.jar	22 bytes

How to add to project

Apache Maven

<!-- https://jarcasting.com/artifacts/org.webjars.bowergithub.mpachnis/mp-slider/ -->
<dependency>
    <groupId>org.webjars.bowergithub.mpachnis</groupId>
    <artifactId>mp-slider</artifactId>
    <version>2.0.5</version>
</dependency>

Gradle Groovy

// https://jarcasting.com/artifacts/org.webjars.bowergithub.mpachnis/mp-slider/
implementation 'org.webjars.bowergithub.mpachnis:mp-slider:2.0.5'

Gradle Kotlin

// https://jarcasting.com/artifacts/org.webjars.bowergithub.mpachnis/mp-slider/
implementation ("org.webjars.bowergithub.mpachnis:mp-slider:2.0.5")

Apache Buildr

'org.webjars.bowergithub.mpachnis:mp-slider:jar:2.0.5'

Apache Ivy

<dependency org="org.webjars.bowergithub.mpachnis" name="mp-slider" rev="2.0.5">
  <artifact name="mp-slider" type="jar" />
</dependency>

Groovy Grape

@Grapes(
@Grab(group='org.webjars.bowergithub.mpachnis', module='mp-slider', version='2.0.5')
)

Scala SBT

libraryDependencies += "org.webjars.bowergithub.mpachnis" % "mp-slider" % "2.0.5"

Leiningen

[org.webjars.bowergithub.mpachnis/mp-slider "2.0.5"]

Dependencies

compile (1)

Group / Artifact	Type	Version
org.webjars.bowergithub.polymer : polymer	jar	[2.0.0,3)

Project Modules

There are no modules declared in this project.

<mp-slider>

Demo

mp-slider docs & demo

Install the component using Bower:

$ bower install --save mp-slider

Usage

1. Import Web Components' polyfill:

<script src="bower_components/webcomponentsjs/webcomponents-lite.js"></script>

2. Import Custom Element:

<link rel="import" href="bower_components/mp-slider/mp-slider.html">

3. Start using it!

   Wrap the image into a div. To add a caption to your image just include the mp-caption element. mp-caption available properties: slider-header and slide-content.

<mp-slider controls bullets show-thumbs>
    <div>
        <img src="demo/images/img1.jpg" />
        <mp-caption slider-header="Kung Fu Panda"
                    slider-content="Po and the legends of awesomeness">
        </mp-caption>
    </div>

    <div>
        <img src="demo/images/img2.jpg" />
        <mp-caption slider-header="Despicable Me"></mp-caption>
    </div>

    <div>
        <img src="demo/images/img3.jpg" />
        <mp-caption slider-content="The incredible Scart"></mp-caption>
    </div>
</mp-slider>

Available properties.

Properties	Description	Default
controls	show the right/left arrow button for changing slide	false
show-thumbs	show thumbnails under the slider	false
bullets	show a number of bullets based on image length	false
show-pause-icon	show a pause icon in the slider (hover)	false

Available styles.

Properties	Description
--caption-background	Caption's background color
--pause-icon-background	pause icon's background color
--pause-icon-stroke-color	pause icon's color
--pause-icon-stroker-width	pause icon's stroke width

Big Thanks

Cross-browser Testing Platform and Open Source <3 Provided by Sauce Labs

License

MIT License

Versions

Version
2.0.5 Sep 26, 2018
2.0.4 Sep 25, 2018
2.0.3 Sep 18, 2018
2.0.2 May 5, 2018