自动移动滑块

Question

我的一个页面上有一个滑块，其中包含彼此相邻的其他公司的图像。

有箭头按钮可点击以使滑块移动，但我希望滑块自动移动。这有可能吗？

我已经尝试了一些我在网络上找到的代码，但它似乎与我的代码无关。

我的代码：

<center><span class="title-head">Our Affiliates</span></center>
</h2>

<div class="row">
            <div class="col-md-12">
                <div id="product-slide" class="owl-carousel owl-theme product-slide">
                    <div class="item">
                      <div class="product-item">
                            <a href="http://www.fixauto.com"><img class="img-responsive" src="images/aff slider/1.png" alt=""></a>
                            <h4 class="product-title">Fix Auto</h4>
                            <p class="product-desc"></p>

                        </div><!-- Product item end -->
                </div><!-- Item 1 end -->

                <div class="item">
                      <div class="product-item">
                            <a href="http://www.customerloyalty.co.za"><img class="img-responsive" src="images/aff slider/2.jpg" alt=""></a>
                            <h4 class="product-title">Customer Loyalty Consultants</h4>
                            <p class="product-desc"></p>
                        </div><!-- Product item end -->
                </div><!-- Item 2 end -->

                <div class="item">
                      <div class="product-item">
                            <a href="http://www.commrisk.co.za"><img class="img-responsive" src="images/aff slider/3.jpg" alt=""></a>
                            <h4 class="product-title">Commrisk</h4>
                            <p class="product-desc"></p>

                        </div><!-- Product item end -->
                </div><!-- Item 3 end -->

                <div class="item">
                      <div class="product-item">
                            <a href="http://www.aon.co.za"><img class="img-responsive" src="images/aff slider/4.jpg" alt=""></a>
                            <h4 class="product-title">AON</p>
                        </div><!-- Product item end -->
                </div><!-- Item 4 end -->

                <div class="item">
                      <div class="product-item">
                            <a href="http://www.audatex.co.za"><img class="img-responsive" src="images/aff slider/5.jpg" alt=""></a>
                            <h4 class="product-title">Audatex</h4>
                            <p class="product-desc"></p>
                        </div><!-- Product item end -->
                        </div>

                        <div class="item">
                        <div class="product-item">
                            <a href="http://www.merxcu.co.za"><img class="img-responsive" src="images/aff slider/6.jpg" alt=""></a>
                            <h4 class="product-title">Merx</h4>
                            <p class="product-desc"></p>
                        </div><!-- Product item end -->
                        </div>

                        <div class="item">
                        <div class="product-item">
                            <a href="http://www.psg.co.za"><img class="img-responsive" src="images/aff slider/7.jpg" alt=""></a>
                            <h4 class="product-title">PSG</h4>
                            <p class="product-desc"></p>
                        </div><!-- Product item end -->
                        </div>

                        <div class="item">
                        <div class="product-item">
                            <a href="http://www.galileorisk.co.za"><img class="img-responsive" src="images/aff slider/8.jpg" alt=""></a>
                            <h4 class="product-title">Galileo Capital</h4>
                            <p class="product-desc"></p>
                        </div>
                        </div><!-- Product item end -->

                        <div class="item">
                        <div class="product-item">
                            <a href="http://www.oldmutual.co.za"><img class="img-responsive" src="images/aff slider/10.jpg" alt=""></a>
                            <h4 class="product-title">Old Mutual</h4>
                            <p class="product-desc"></p>
                        </div>
                        </div><!-- Product item end -->

                                                    <div class="item">
                        <div class="product-item">
                            <a href="http://www.sha.co.za"><img class="img-responsive" src="images/aff slider/11.jpg" alt=""></a>
                            <h4 class="product-title">S|H|A</h4>
                            <p class="product-desc"></p>
                        </div>
                        </div><!-- Product item end -->

                                                    <div class="item">
                        <div class="product-item">
                            <a href="http://www.pwvnorth.co.za"><img class="img-responsive" src="images/aff slider/12.png" alt=""></a>
                            <h4 class="product-title">PWV Insurance Brokers</h4>
                            <p class="product-desc"></p>
                        </div>
                        </div><!-- Product item end -->
                                                    <div class="item">
                        <div class="product-item">
                            <a href="http://www.brolink.co.za"><img class="img-responsive" src="images/aff slider/13.png" alt=""></a>
                            <h4 class="product-title">Brolink</h4>
                            <p class="product-desc"></p>
                        </div>
                        </div><!-- Product item end -->


                </div>
                </div><!-- Product slide -->
            </div><!-- Col end -->
        </div><!--/ Content row end -->
    </div><!--/ Container end -->
    <div class="down-arrow-white"></div>
</section><!-- Product area end -->