doz-simple-slideshow

A simple slideshow for Doz.

Usage no npm install needed!

<script type="module">
  import dozSimpleSlideshow from 'https://cdn.skypack.dev/doz-simple-slideshow';
</script>

README

doz-simple-slideshow

A simple slideshow for Doz.

Install

npm install doz-simple-slideshow

Live here

Example

new Doz({
root: '#app',
props: {
    images: [
        '<img src="https://images.pexels.com/photos/248797/pexels-photo-248797.jpeg?auto=compress&cs=tinysrgb&dpr=2&h=750&w=1260">',
        '<img src="https://images.pexels.com/photos/459225/pexels-photo-459225.jpeg?auto=compress&cs=tinysrgb&dpr=2&h=750&w=1260">',
        '<img src="https://images.pexels.com/photos/34950/pexels-photo.jpg?auto=compress&cs=tinysrgb&dpr=2&h=750&w=1260">',
    ]
},
template(h) {
    return h`
        <doz-simple-slideshow items="${this.slideSerialize(this.props.images)}"/>
    `
}
});

Props

Name Default Description
items Items that must rotate
delay 5s Animation delay between items
duration 1s Animation duration
state running Can be running or paused

CDN unpkg

<script src="https://unpkg.com/doz-simple-slideshow/build/bundle.min.js"></script>

Changelog

You can view the changelog here

License

doz-simple-slideshow is open-sourced software licensed under the MIT license

Author

Fabio Ricali