0

Нужно чтобы к каждому слайду был привязан свой контент. введите сюда описание изображения

На скрине показан блок, можно посмотреть его на сайте, залил сюда ravtest1.site88.net . Очень надеюсь на вашу помощь.

1 ответ 1

1

var owl = $('.owl-carousel');

owl.owlCarousel({
  items: 1,
  loop: true,
  margin: 10,
  nav: false,
  dots: true
})
* {
  box-sizing: border-box;
}

.owl-carousel .item {
  background: #4DC7A0;
  font-size: 0;
}

.b-slider-item {
  display: inline-block;
  vertical-align: top;
  width: 50%;
  font-size: 20px;
  text-align: center;
  padding: 0.5em;
}

.b-slider-item:nth-of-type(2) {
  background: #ccc;
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<link href="http://owlcarousel.owlgraphic.com/assets/owlcarousel/assets/owl.theme.default.min.css" rel="stylesheet"/>
<link href="http://owlcarousel.owlgraphic.com/assets/owlcarousel/assets/owl.carousel.min.css" rel="stylesheet"/>
<script src="http://owlcarousel.owlgraphic.com/assets/owlcarousel/owl.carousel.js"></script>
<div class="owl-carousel">
  <div class="item">
    <div class="b-slider-item">Img</div>
    <div class="b-slider-item">Content</div>
  </div>
 <div class="item">
    <div class="b-slider-item">Img 2</div>
    <div class="b-slider-item">Content 2</div>
  </div>
  <div class="item">
    <div class="b-slider-item">Img 3</div>
    <div class="b-slider-item">Content 3</div>
  </div>  
</div>

1
  • Спасибо тебе, добрый человек. 30 июн 2016 в 9:36

Ваш ответ

Нажимая на кнопку «Отправить ответ», вы соглашаетесь с нашими условиями использования и подтверждаете, что прочитали и поняли наши политику конфиденциальности и нормы поведения.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.