Skip to content

Repository files navigation

<fancy-carousel>

Published on webcomponents.org Build Status Issue Count

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

About

The fanciest carousel of them all.

Resources

Contributing

Stars

9 stars

Watchers

2 watching

Forks

Releases

Packages

Contributors

Languages