GOOGLE

<script src="http://code.jquery.com/jquery-latest.js"></script>
    <script src="../jquery.bxSlider.js"></script>
    <script type="text/javascript">
      $(document).ready(function(){
        $('#slider').bxSlider({
        ticker: true,
        tickerSpeed: 5000,
      tickerHover: true
      });
      });
    </script>

<div class="container">
    <div class="col-md-12">
        <ul id="slider">
    <li><a href="#"><img src="logos/1.jpg"></a></li>
        <li><a href="#"><img src="logos/2.jpg"></a></li>
        <li><a href="#"><img src="logos/3.jpg"></a></li>
        <li><a href="#"><img src="logos/4.jpg"></a></li>
        <li><a href="#"><img src="logos/5.jpg"></a></li>
        <li><a href="#"><img src="logos/6.jpg"></a></li>
        <li><a href="#"><img src="logos/7.jpg"></a></li>
        <li><a href="#"><img src="logos/8.jpg"></a></li>
</ul>
    </div>
</div>
<style>
 #slider {
  list-style:none;
  padding:0px
}

.slider-container { 
  background:#222; 
  width:845px; 
  height:150px; 
  padding:20px; 
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px; 
}

#slider img { 
  width:200px; 
  height:125px; 
  margin:0px; 
  display:inline-block  
}

#slider li {
  width:210px
}
</style>