https://github.com/larribas/elm-image-slider

An image slider / slideshow for Elm
https://github.com/larribas/elm-image-slider

carousel elm elm-lang gallery image slider slideshow

Last synced: 2 months ago
JSON representation

An image slider / slideshow for Elm

• Host: GitHub
• URL: https://github.com/larribas/elm-image-slider
• Owner: larribas
• License: bsd-3-clause
• Created: 2017-07-20T20:53:57.000Z (over 7 years ago)
• Default Branch: master
• Last Pushed: 2018-08-24T09:00:16.000Z (over 6 years ago)
• Last Synced: 2024-09-30T05:23:01.116Z (3 months ago)
• Topics: carousel, elm, elm-lang, gallery, image, slider, slideshow
• Language: Elm
• Homepage: http://package.elm-lang.org/packages/larribas/elm-image-slider/latest
• Size: 112 KB
• Stars: 9
• Watchers: 4
• Forks: 2
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# elm-image-slider [![Build Status](https://travis-ci.org/larribas/elm-image-slider.svg?branch=master)](https://travis-ci.org/larribas/elm-image-slider)

An image slider / slideshow / carousel component for Elm

## [Try it out](https://larribas.github.io/elm-image-slider/)

## How to use it

Install the package:

```

elm install larribas/elm-image-slider

```

The `demo/Demo.elm` file is a good example of how this component can be integrated into an Elm application. It demonstrates several recommended use patterns:

* Managing the messages to open and close the Slider from the outer context

* Using the abstract Model and Config to pass in a list of custom image types

* Leveraging the `caption` function to display clickable links

* Using the default, responsive sylesheet at `styles/image-slider.css` (warning: it's based on flexbox, so you might want to tweak it a bit if you have to code like it's 2014)

* Assigning custom elements classes from the component's default styles so that they integrate nicely with the component's visualization

## Contribute

Any contributions or feedback are welcome!