SlideShow Carousel

<div class="slide-container">

    <ul>

        <li class="slide-item" data-show="true">

            <img src="https://cdn.shopify.com/s/files/1/1133/5028/files/American_Bulldog_puppies1600x1000.jpg?v=1492289926" alt="" />

        </li>

        <li class="slide-item" data-show="false">

            <img src="https://gfp-2a3tnpzj.stackpathdns.com/wp-content/uploads/2011/05/gfp-banner-bullies-slide-1600x730.jpg" alt="" />

        </li>

        <li class="slide-item" data-show="false">

            <img src="https://bruiserbulldogs.com/wp-content/gallery/previous-puppies/1bella.jpg" alt="" />

        </li>

        <li class="slide-item" data-show="false">

            <img src="https://puppydogweb.com/gallery/americanbulldogs/americanbulldog_harrison.jpg" alt="" />

        </li>

    </ul>

    <form action="">

        <button type="button" class="btn btn-primary" onclick="toggleSlide()">

            Back

        </button>

        <button type="button" class="btn btn-primary" onclick="toggleSlide(next)">Next</button>

    </form>

</div>

​

​