https://github.com/poetic/swiper-slides
A Swiper implementation in Meteor with query param management
https://github.com/poetic/swiper-slides
Last synced: 3 months ago
JSON representation
A Swiper implementation in Meteor with query param management
- Host: GitHub
- URL: https://github.com/poetic/swiper-slides
- Owner: poetic
- Created: 2015-06-09T17:39:28.000Z (almost 10 years ago)
- Default Branch: master
- Last Pushed: 2015-10-14T03:29:59.000Z (over 9 years ago)
- Last Synced: 2025-01-24T17:14:25.947Z (4 months ago)
- Language: JavaScript
- Size: 172 KB
- Stars: 1
- Watchers: 9
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# swiper-slides
## Installation
`meteor add poetic:swiper-slides`
## Getting Started
This package exposes the `Swiper` object and a `swiperSlides` template, which is defined in block form as follows. All parameters are optional.
```
{{#swiperSlides
options=swiperOptions param='slide' id='main-swiper' classNames='swiper-large'
background='swiperBackground' bgClasses='swiper-large-background' parallaxPx='100'
}}
{{/swiperSlides}}
```
- `options`: An initialization object passed to Swiper. You can read more about the options you can pass in [Swiper's API](http://www.idangero.us/swiper/api/#.VXcn51xViko).
- `param`: A string used to automatically manage this swiper via query param. The value of the param will always be the index of the current slide.
- `id`: A css id attached to the `swiper-container` element.
- `classNames`: A string of css class names attached to the `swiper-container` element.
- `background`: The name of a `Blaze.Template` which will be rendered dynamically as the swiper background.
- `bgClasses`: A string of css class names to apply to the swiper background.
- `parallaxPx`: A string representing the number of pixels that the swiper background will use as a parallax offset.