Skip to content

annsonn/fancy-carousel

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

License

Contributing

Stars

Watchers

Forks

Packages

 
 
 

Contributors