Slider

Provide contextual feedback messages for typical user actions with the handful of available and flexible alert messages.

Basic

Use @Html.LLG().Slider(Action[SliderBuilder] action) method to create a slider

@(Html.LLG().Slider(slider => {
    slider.Add().Image("/Content/img/thumb/1.jpg");
    slider.Add().Image("/Content/img/thumb/2.jpg");
    slider.Add().Image("/Content/img/thumb/3.jpg");
}))

Autoplay

Use .Autoplay() 

@(Html.LLG().Slider(slider => {
    slider.Add().Image("/Content/img/thumb/1.jpg");
    slider.Add().Image("/Content/img/thumb/2.jpg");
    slider.Add().Image("/Content/img/thumb/3.jpg");
    slider.Autoplay();
}))

Autoplay Speed

Use .Autoplay(int autoplaySpeed) 

@(Html.LLG().Slider(slider => {
    slider.Add().Image("/Content/img/thumb/1.jpg");
    slider.Add().Image("/Content/img/thumb/2.jpg");
    slider.Add().Image("/Content/img/thumb/3.jpg");
    slider.Autoplay(500);
}))

Arrows

use .Arrows() method to set arrows

@(Html.LLG().Slider(slider => {
    slider.Add().Image("/Content/img/thumb/1.jpg");
    slider.Add().Image("/Content/img/thumb/2.jpg");
    slider.Add().Image("/Content/img/thumb/3.jpg");
    slider.Arrows();
}))

Circle light

Use .Arrows(SliderArrowsType.CircleLight) 

@(Html.LLG().Slider(slider => {
    slider.Add().Image("/Content/img/thumb/1.jpg");
    slider.Add().Image("/Content/img/thumb/2.jpg");
    slider.Add().Image("/Content/img/thumb/3.jpg");
    slider.Arrows(SliderArrowsType.CircleLight);
}))

Circle dark

Use .Arrows(SliderArrowsType.CircleDark) 

@(Html.LLG().Slider(slider => {
    slider.Add().Image("/Content/img/thumb/1.jpg");
    slider.Add().Image("/Content/img/thumb/2.jpg");
    slider.Add().Image("/Content/img/thumb/3.jpg");
    slider.Arrows(SliderArrowsType.CircleDark);
}))

Flash Light

Use .Arrows(SliderArrowsType.FlashLight) 

@(Html.LLG().Slider(slider => {
    slider.Add().Image("/Content/img/thumb/1.jpg");
    slider.Add().Image("/Content/img/thumb/2.jpg");
    slider.Add().Image("/Content/img/thumb/3.jpg");
    slider.Arrows(SliderArrowsType.FlashLight);
}))

Flash Dark

Use .Arrows(SliderArrowsType.FlashDark) 

@(Html.LLG().Slider(slider => {
    slider.Add().Image("/Content/img/thumb/1.jpg");
    slider.Add().Image("/Content/img/thumb/2.jpg");
    slider.Add().Image("/Content/img/thumb/3.jpg");
    slider.Arrows(SliderArrowsType.FlashDark);
}))

Dots

use .Dots() method to set arrows

@(Html.LLG().Slider(slider => {
    slider.Add().Image("/Content/img/thumb/1.jpg");
    slider.Add().Image("/Content/img/thumb/2.jpg");
    slider.Add().Image("/Content/img/thumb/3.jpg");
    slider.Dots();
}))

Methods

Alerts are available for any length of text, as well as an optional dismiss button

Method Description

.Method(bool value)

 Comming soon.