Lorem 1

Lorem ipsum dolor sit amet, quo ei simul congue exerci, ad nec admodum perfecto mnesarchum.

Lorem 2

Lorem ipsum dolor sit amet, quo ei simul congue exerci, ad nec admodum perfecto mnesarchum.

Lorem 3

Lorem ipsum dolor sit amet, quo ei simul congue exerci, ad nec admodum perfecto mnesarchum.

Lorem 1

Lorem ipsum dolor sit amet, quo ei simul congue exerci, ad nec admodum perfecto mnesarchum. Lorem ipsum dolor sit amet, quo ei simul congue exerci, ad nec admodum perfecto mnesarchum. Lorem ipsum dolor sit amet, quo ei simul congue exerci, ad nec admodum perfecto mnesarchum. Lorem ipsum dolor sit amet, quo ei simul congue exerci, ad nec admodum perfecto mnesarchum. Lorem ipsum dolor sit amet, quo ei simul congue exerci, ad nec admodum perfecto mnesarchum.

Lorem 2

Lorem ipsum dolor sit amet, quo ei simul congue exerci, ad nec admodum perfecto mnesarchum. Lorem ipsum dolor sit amet, quo ei simul congue exerci, ad nec admodum perfecto mnesarchum. Lorem ipsum dolor sit amet, quo ei simul congue exerci, ad nec admodum perfecto mnesarchum. Lorem ipsum dolor sit amet, quo ei simul congue exerci, ad nec admodum perfecto mnesarchum. Lorem ipsum dolor sit amet, quo ei simul congue exerci, ad nec admodum perfecto mnesarchum.

Lorem 3

Lorem ipsum dolor sit amet, quo ei simul congue exerci, ad nec admodum perfecto mnesarchum. Lorem ipsum dolor sit amet, quo ei simul congue exerci, ad nec admodum perfecto mnesarchum. Lorem ipsum dolor sit amet, quo ei simul congue exerci, ad nec admodum perfecto mnesarchum. Lorem ipsum dolor sit amet, quo ei simul congue exerci, ad nec admodum perfecto mnesarchum. Lorem ipsum dolor sit amet, quo ei simul congue exerci, ad nec admodum perfecto mnesarchum.

AZ Background Slider

Default settings

new AZBackgroundSlider(
{
    azBackgroundSliderId: "",
    azBackgroundSliderDir: "horizontal",
    azBackgroundSliderWidth: 500,
    azBackgroundSliderHeight: 300
});

azBackgroundSliderId Type: String Default: ""
azBackgroundSliderDir Type: String Default: "horizontal" Values: "horizontal" or "vertical"
azBackgroundSliderWidth Type: Integer Default: 500 Unit: px
azBackgroundSliderHeight Type: Integer Default: 300 Unit: px

AZ Background Slider HTML and CSS

<div id="az-background-slider-1">
    <div class="az-background-slider-wrapper">

        <div class="az-background-slider-content">
            Content
        </div>

    </div>
</div>


AZBackgroundSlider has some basic CSS that you should not initially need to adjust. backgroundslider.css
@media (max-width: 576px)
{
    ::-webkit-scrollbar
    {
        width: 0;
    }
}