fancy-carousel
The fanciest carousel of them all.
[ This description is mirrored from README.md at github.com/annsonn/fancy-carousel on 2019-05-10 ]
<fancy-carousel>
Carousel which gives you options for multiple fancy transistions and different ways to include images.
Example
<fancy-carousel>
<img src="https://app-layout-assets.appspot.com/assets/bg1.jpg">
<img src="https://app-layout-assets.appspot.com/assets/bg2.jpg">
<img src="https://app-layout-assets.appspot.com/assets/bg3.jpg">
<img src="https://app-layout-assets.appspot.com/assets/bg4.jpg">
</fancy-carousel>
| Properties | Type | Comment |
|---|---|---|
| apiKey | String | API key for Google image search |
| imageTopic | String | The topic for image search |
| noControls | Boolean | Do not display control buttons for left/right (Default: false) |
| searchEngineCx | String | CX key for Google |
| transitionTimer | Number | Timer for transitioning to the next slide |
| transitionType | String | Type of transition animation (Currently available types: spread, paint, shift, collapse) |
Running
Use the 'polymer-cli' to test/demo component
To Demo/Test Component
polymer serve
Then go to 'localhost:8080/components/fancy-carousel' to view component
To run tests:
polymer test
Links
Compatibility
Was this helpful? Need more help?
Leave a comment or a question below. You can also join
the chat on Discord or
ask questions on StackOverflow.
Version
Dependencies
Polymer/polymer#^1.4.0
- Released
- 2016-11-12
- Maturity
- IMPORTED
- License
- Other
Compatibility
- Framework
- Polymer 1.0+
- Browser
- Browser Independent