利用插件flexisel()轮播切换多张广告logo
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<link rel="stylesheet" type="text/css" href="http://thongtan.com/assets/css/site/flexisel.css">
<body>
<ul id="flexiselDemo3">
<li class="col-md-1">
<div class="img">
<a target="_self" href="">
<img class="" src="http://thongtan.com/upload/img/banner/agralot_logo.jpg" />
</a>
</div>
<!-- <h5>Cỏ thảm - MS: 123G</h5>-->
</li>
<li class="col-md-1">
<div class="img">
<a target="_self" href="">
<img class="" src="http://thongtan.com/upload/img/banner/cucumber_hill_logo.jpg" />
</a>
</div>
<!-- <h5>Cỏ thảm - MS: 123G</h5>-->
</li>
<li class="col-md-1">
<div class="img">
<a target="_self" href="">
<img class="" src="http://thongtan.com/upload/img/banner/lowicz_logo.jpg" />
</a>
</div>
<!-- <h5>Cỏ thảm - MS: 123G</h5>-->
</li>
<li class="col-md-1">
<div class="img">
<a target="_self" href="">
<img class="" src="http://thongtan.com/upload/img/banner/lujo_ubi_logo.jpg" />
</a>
</div>
<!-- <h5>Cỏ thảm - MS: 123G</h5>-->
</li>
<li class="col-md-1">
<div class="img">
<a target="_self" href="">
<img class="" src="http://thongtan.com/upload/img/banner/seliko_logo.jpg" />
</a>
</div>
<!-- <h5>Cỏ thảm - MS: 123G</h5>-->
</li>
<li class="col-md-1">
<div class="img">
<a target="_self" href="">
<img class="" src="http://thongtan.com/upload/img/banner/vegrev_logo.jpg" />
</a>
</div>
<!-- <h5>Cỏ thảm - MS: 123G</h5>-->
</li>
<li class="col-md-1">
<div class="img">
<a target="_self" href="https://www.google.com.vn/">
<img class="" src="http://thongtan.com/upload/img/banner/victor_joseph_logo.jpg" />
</a>
</div>
<!-- <h5>Cỏ thảm - MS: 123G</h5>-->
</li>
<li class="col-md-1">
<div class="img">
<a target="_self" href="">
<img class="" src="http://thongtan.com/upload/img/banner/krakus_logo.jpg" />
</a>
</div>
<!-- <h5>Cỏ thảm - MS: 123G</h5>-->
</li>
<li class="col-md-1">
<div class="img">
<a target="_blank" href="http://www.google.com/">
<img class="" src="http://thongtan.com/upload/img/banner/lubella_logo.jpg" />
</a>
</div>
<!-- <h5>Cỏ thảm - MS: 123G</h5>-->
</li>
</ul>
<script type="text/javascript" src="http://thongtan.com/assets/js/site/jquery.min.js"></script>
<script type="text/javascript" src="http://thongtan.com/assets/js/site/flexisel.js"></script>
<script type="text/javascript">
$(window).load(function () {
$("#flexiselDemo3 ").flexisel({
visibleItems: 6,
animationSpeed: 1000,
autoPlay: true,
autoPlaySpeed: 3000,
pauseOnHover: true,
enableResponsiveBreakpoints: true,
responsiveBreakpoints: {
portrait: {
changePoint: 480,
visibleItems: 1
},
landscape: {
changePoint: 640,
visibleItems: 2
},
tablet: {
changePoint: 768,
visibleItems: 3
}
}
});})
</script>
</body>
</html>
