Skip to content

lovepopcards/ember-cli-swiper

 
 

Repository files navigation

Ember-cli-swiper Build Status Ember Observer Score Code Climate

Simple ember-wrapper around Swiper by idangerous.

See the demo for examples and usage-infos.

Installation

Make sure you are using a somewhat recent version of nodejs when installing. Everything > 4 should be fine.

ember install ember-cli-swiper

Usage

{{#swiper-container}}
  {{#swiper-slide}}Slide 1{{/swiper-slide}}
  {{#swiper-slide}}Slide 2{{/swiper-slide}}
  {{#swiper-slide}}Slide 3{{/swiper-slide}}
  {{#swiper-slide}}Slide 4{{/swiper-slide}}
  {{#swiper-slide}}Slide 5{{/swiper-slide}}
{{/swiper-container}}

Options

All available Swiper options are supported and can be configured two ways:

As top level attributes:

{{swiper-container freeMode=true}}

As a hash of options:

{{!--
// In controller
Controller.extend({
  myOptions: { parallax: true }
});
--}}

{{swiper-container options=myOptions}}

Please note that attribute values will overwrite any conflicting options.

Running tests

The test-execution requires you to have phantomjs 2.x.x installed.

ember test

Packages

No packages published

Languages

  • JavaScript 61.5%
  • HTML 35.2%
  • CSS 3.3%