owl data-merge

by Max Shu

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.2.4/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/owl.carousel.min.js"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/assets/owl.theme.default.min.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/assets/owl.carousel.min.css">
<div class="owl-carousel">
<div class="b-dates" style="width: 705px">
	<div class="b-dates__item b-dates__item--brand">
		<h5 class="smaller">Генеральные информационные<br>партнеры</h5>
		<a href="http://tass.ru/" class="link link_no-underline b-act-partner" rel="nofollow"><img src="https://hse.ru/pubs/share/direct/255288233" alt="ТАСС" title="ТАСС" style="max-height: 59px;"></a>
		<a href="https://www.vesti.ru/" class="link link_no-underline b-act-partner" rel="nofollow"><img src="https://hse.ru/mirror/pubs/share/257161075" alt="Россия 24" title="Россия 24" style="max-height: 30px;"></a>
	</div>
	<div class="b-dates__item b-dates__item--brand">
		<h5 class="smaller">Международный<br>информационный партнер</h5>
		<a href="https://russian.rt.com/" class="link link_no-underline b-act-partner" rel="nofollow"><img src="https://hse.ru/pubs/share/direct/255288333" alt="RT" title="RT" style="max-height: 45px;"></a>
	</div>
	<div class="b-dates__item b-dates__item--brand">
		<h5 class="smaller">Генеральный<br>радиопартнер</h5>
		<a href="https://www.bfm.ru/" class="link link_no-underline b-act-partner" rel="nofollow"><img src="https://hse.ru/mirror/pubs/share/257160937" alt="Business FM" title="Business FM" style="max-height: 30px;margin-top: 15px;"></a>
	</div>
</div>
<div class="b-dates" style="width: 750px">
	<div class="b-dates__item b-dates__item--brand" data-merge="">
		<h5 class="smaller wide">Информационные<br>партнеры</h5>
		<a href="https://academia.interfax.ru/" class="link link_no-underline b-act-partner" rel="nofollow"><img...

CSS

.b-dates__item {
  display: inline-block;
  margin-right: 20px;
 }

.b-dates .b-dates__item img {
	filter: saturate(0);
	transition: all ease 0.3s;
  width: auto;
  display: inline-block;
  margin-right: 20px;
}

.b-dates__item img:hover {
	filter: saturate(1);
}

JavaScript

$(document).ready(function() {
	$(".owl-carousel").owlCarousel({
		autoplay: true,
    autoplayTimeout: 5000,
		loop: true,
		autoWidth: true,
		items: 2,
    autoplaySpeed: 2000,
	});
});