BootstrapGallery

type alias Config a =

{ thumbnailUrl : a -> Maybe String

, imageUrl : a -> String

}

Configuration for pulling the thumbnail & image URLs out of an arbitrary image type.

type alias Model a =

{ data : Maybe (SubModel a)

, style : State

, foregroundImageStyle : State

, backgroundImageStyle : State

}

The internal state of the Gallery.

initial : Model a

A blank gallery with no associated images.

modal : Model a -> Html (Msg a)

Render the Modal.

To get nice open/close transitions, you should always render the modal, even if the Modal has not been opened.

Preferably place this at the end of your HTML to prevent other elements from obscuring the modal while it transitions to the open state.

thumbnails : Config a -> List a -> Html (Msg a)

Render thumbnails in a column grid using the given list of images.

openOnClick : (Msg a -> msg) -> a -> Attribute msg

Open the modal when the element is clicked & select the given item.

type Msg a

Messages the modal may raise.

update : Config a -> Msg a -> Model a -> List a -> Model a

Update the Gallery model.

subscriptions : Model a -> Sub (Msg a)

Subscribe to the animation updates.

open : Config a -> Model a -> List a -> a -> Model a

Open the modal & select the given item.

close : Config a -> Model a -> List a -> Model a

Close the modal.

next : Config a -> Model a -> List a -> Model a

Select the next item in the list.

previous : Config a -> Model a -> List a -> Model a

Select the previous item in the list.

prikhi/bootstrap-gallery/1.0.1