+7-499-70-300-44
заказать звонок
Заказать обратный звонок

Я свяжусь с Вами в течении 10 минут и отвечу на все Ваши вопросы.

Введите ваше имя *

Введите контактный телефон *

Введите контактный e-mail *

Спасибо за оставленную заявку
Ожидайте звонка

Добавляем активный пункт меню в OWL carousel

Javascript

2016-04-26_101528

Как сделать2

$(document).ready(function() {
    
    $('#slider').on('initialized.owl.carousel change.owl.carousel changed.owl.carousel', function(e) { 
        if (!e.namespace || e.type != 'initialized' && e.property.name != 'position') return;
        
        var current = e.relatedTarget.current()
        var items = $(this).find('.owl-stage').children()
        var add = e.type == 'changed' || e.type == 'initialized'
        
        items.eq(e.relatedTarget.normalize(current )).toggleClass('current', add)
    }).owlCarousel({
        items : 2,        
        nav: true,
        loop: true,        
    });
})
#slider {
  margin: 10px 0;
  width: 100%;
}

#slider .owl-item {
    position: relative;
}

#slider .owl-item img {
    display: block;
    width: 100%;
    height: auto; }
#slider .owl-item.current .caja {
    opacity: 100;
    transition-timing-function: ease-out;
    transition-duration: 600ms; }
#slider .owl-item .caja {
    z-index: 9999;
    opacity: 0;
    position: absolute;
    width: 100px;
    height: 50px;
    padding: 20px;
    background-color: #000; }
#slider .owl-item .caja h1 {
    color: #a08e5c; }
#slider .owl-item .caja p {
    color: white;
    font-size: 0.8em; }

<div id="slider">  
  <div><div class="caja"><p>Lorem ipsum dolor sit amet.</div><img src="http://www.jomanetworks.com/1.jpg"></div>
  <div><div class="caja"><p>Lorem ipsum dolor sit amet.</div><img src="http://www.jomanetworks.com/2.jpg"></div>
  <div><div class="caja"><p>Lorem ipsum dolor sit amet.</div><img src="http://www.jomanetworks.com/3.jpg"></div>
  <div><div class="caja"><p>Lorem ipsum dolor sit amet.</div><img src="http://www.jomanetworks.com/4.jpg"></div>
  <div><div class="caja"><p>Lorem ipsum dolor sit amet.</div><img src="http://www.jomanetworks.com/5.jpg"></div>
  <div><div class="caja"><p>Lorem ipsum dolor sit amet.</div><img src="http://www.jomanetworks.com/6.jpg"></div>
</div>

Другие статьи

Заказать обратный звонок

Я свяжусь с Вами в течении 10 минут и отвечу на все Ваши вопросы.

Введите ваше имя *

Введите контактный телефон *

Введите контактный e-mail *

Расчет стоимости
Введите ваше имя и телефон.
Я лично перезвоню Вам для уточнения деталей,
необходимых для расчета стоимости проекта.

Введите ваше имя *

Введите контактный телефон *

Указать точное время звонка

или позвоните мне по телефону
+7-499-70-300-44
Расчет стоимости
Введите ваше имя и телефон.
Я лично перезвоню Вам для обсуждения деталей,
необходимых для расчета стоимости проекта.

Введите ваше имя *

Введите контактный телефон *

Введите адрес сайта, который нуждается в продвижении *

Указать точное время звонка

или позвоните нам по телефону
+7-499-70-300-44
Спасибо за оставленную заявку
Ожидайте звонка
Расчет стоимости
Введите ваше имя и телефон.
Я лично перезвоню Вам для уточнения деталей,
необходимых для расчета стоимости проекта.

Введите ваше имя *

Введите контактный телефон *

Указать точное время звонка

или позвоните мне по телефону
+7-499-70-300-44
Спасибо за оставленную заявку
Ожидайте звонка
Хочу так же
Введите ваше имя и телефон.
Я лично перезвоню Вам для уточнения деталей.

Введите ваше имя *

Введите контактный телефон *

Указать точное время звонка

или позвоните мне по телефону
+7-499-70-300-44
[contact-form-7 404 "Not Found"]
Спасибо за оставленную заявку
Ожидайте звонка
Заказ СЕО продвижения
Введите ваше имя и телефон.
Я лично свяжусь с Вами для обсуждения деталей.

Введите ваше имя *

Введите контактный телефон *

Введите ваш Скайп *

Спасибо за оставленную заявку
Ожидайте звонка