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 3

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

functionlib/azBackgroundSliderReady Type: Function

$.subscribe("functionlib/azBackgroundSliderReady", function (e, data)
{
});

This function is triggered when AZBackgroundSlider is fully initiated. By subscribing to the function, you will get a better flow in your own code.

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;
}
}