Loading, please wait...

ARTDESIGN SLIDER

STYLES

Default

  • Image 1
  • Image 2
  • Image 3
  • Image 4
  • Image 5
<div data-plugin-ad-slider="ad-slider">
    <ul>
        <li>
            <img src="Path/To/Images/Slider/1.jpg" alt="Image 1">
        </li>
        <li>
            <img src="Path/To/Images/Slider/2.jpg" alt="Image 2">
        </li>
        <li>
            <img src="Path/To/Images/Slider/3.jpg" alt="Image 3">
        </li>
        <li>
            <img src="Path/To/Images/Slider/4.jpg" alt="Image 4">
        </li>
        <li>
            <img src="Path/To/Images/Slider/5.jpg" alt="Image 5">
        </li>
    </ul>
</div>

Colors

  • Image 1
  • Image 2
  • Image 3
  • Image 4
  • Image 5

  • Image 1
  • Image 2
  • Image 3
  • Image 4
  • Image 5

  • Image 1
  • Image 2
  • Image 3
  • Image 4
  • Image 5

  • Image 1
  • Image 2
  • Image 3
  • Image 4
  • Image 5
<div data-plugin-ad-slider="ad-slider" data-ad-slider-options="Blue">
    <ul>
        <li>
            <img src="Path/To/Images/Slider/1.jpg" alt="Image 1">
        </li>
        <li>
            <img src="Path/To/Images/Slider/2.jpg" alt="Image 2">
        </li>
        <li>
            <img src="Path/To/Images/Slider/3.jpg" alt="Image 3">
        </li>
        <li>
            <img src="Path/To/Images/Slider/4.jpg" alt="Image 4">
        </li>
        <li>
            <img src="Path/To/Images/Slider/5.jpg" alt="Image 5">
        </li>
    </ul>
</div>
<div data-plugin-ad-slider="ad-slider" data-ad-slider-options="Red">
    <ul>
        <li>
            <img src="Path/To/Images/Slider/1.jpg" alt="Image 1">
        </li>
        <li>
            <img src="Path/To/Images/Slider/2.jpg" alt="Image 2">
        </li>
        <li>
            <img src="Path/To/Images/Slider/3.jpg" alt="Image 3">
        </li>
        <li>
            <img src="Path/To/Images/Slider/4.jpg" alt="Image 4">
        </li>
        <li>
            <img src="Path/To/Images/Slider/5.jpg" alt="Image 5">
        </li>
    </ul>
</div>
<div data-plugin-ad-slider="ad-slider" data-ad-slider-options="Green">
    <ul>
        <li>
            <img src="Path/To/Images/Slider/1.jpg" alt="Image 1">
        </li>
        <li>
            <img src="Path/To/Images/Slider/2.jpg" alt="Image 2">
        </li>
        <li>
            <img src="Path/To/Images/Slider/3.jpg" alt="Image 3">
        </li>
        <li>
            <img src="Path/To/Images/Slider/4.jpg" alt="Image 4">
        </li>
        <li>
            <img src="Path/To/Images/Slider/5.jpg" alt="Image 5">
        </li>
    </ul>
</div>
<div data-plugin-ad-slider="ad-slider" data-ad-slider-options="Yellow">
    <ul>
        <li>
            <img src="Path/To/Images/Slider/1.jpg" alt="Image 1">
        </li>
        <li>
            <img src="Path/To/Images/Slider/2.jpg" alt="Image 2">
        </li>
        <li>
            <img src="Path/To/Images/Slider/3.jpg" alt="Image 3">
        </li>
        <li>
            <img src="Path/To/Images/Slider/4.jpg" alt="Image 4">
        </li>
        <li>
            <img src="Path/To/Images/Slider/5.jpg" alt="Image 5">
        </li>
    </ul>
</div>

With Out Body

  • Image 1
  • Image 2
  • Image 3
  • Image 4
  • Image 5
<div data-plugin-ad-slider="ad-slider" data-ad-slider-options="WithOutBody">
    <ul>
        <li>
            <img src="Path/To/Images/Slider/1.jpg" alt="Image 1">
        </li>
        <li>
            <img src="Path/To/Images/Slider/2.jpg" alt="Image 2">
        </li>
        <li>
            <img src="Path/To/Images/Slider/3.jpg" alt="Image 3">
        </li>
        <li>
            <img src="Path/To/Images/Slider/4.jpg" alt="Image 4">
        </li>
        <li>
            <img src="Path/To/Images/Slider/5.jpg" alt="Image 5">
        </li>
    </ul>
</div>

Full Width

<div data-plugin-ad-slider="ad-slider" data-ad-slider-options="FullWidth">
    <ul>
        <li>
            <img src="Path/To/Images/Slider/1.jpg" alt="Image 1">
        </li>
        <li>
            <img src="Path/To/Images/Slider/2.jpg" alt="Image 2">
        </li>
        <li>
            <img src="Path/To/Images/Slider/3.jpg" alt="Image 3">
        </li>
        <li>
            <img src="Path/To/Images/Slider/4.jpg" alt="Image 4">
        </li>
        <li>
            <img src="Path/To/Images/Slider/5.jpg" alt="Image 5">
        </li>
    </ul>
</div>

Full Size

<div data-plugin-ad-slider="ad-slider" data-ad-slider-options="FullWidth">
    <ul>
        <li>
            <img src="Path/To/Images/Slider/1.jpg" alt="Image 1">
        </li>
        <li>
            <img src="Path/To/Images/Slider/2.jpg" alt="Image 2">
        </li>
        <li>
            <img src="Path/To/Images/Slider/3.jpg" alt="Image 3">
        </li>
        <li>
            <img src="Path/To/Images/Slider/4.jpg" alt="Image 4">
        </li>
        <li>
            <img src="Path/To/Images/Slider/5.jpg" alt="Image 5">
        </li>
    </ul>
</div>