BX Slider / continuous Logo Slider
<html>
<head>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/bxslider/4.2.12/jquery.bxslider.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
<script src="https://cdn.jsdelivr.net/bxslider/4.2.12/jquery.bxslider.min.js"></script>
<script>
$(document).ready(function(){
$('.slider').bxSlider({
mode:"horizontal",
speed:40000,
slideMargin:15,
infiniteLoop:true,
hideControlOnEnd:false,
captions:false,
ticker:true,
tickerHover:true,
adaptiveHeight:false,
responsive:true,
pager:false,
controls:false,
autoControls:false,
minSlides:5,
maxSlides:5,
moveSlides:1,
slideWidth:200,
auto:false,
pause:2000,
useCSS:false
});
});
</script>
</head>
<body>
<div class="slider">
<div>I am a slide.</div>
<div>I am another slide.</div>
</div>
</body>
</html>
Comments
Post a Comment