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

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

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

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

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

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

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

26.04.2016 Javascript

2016-04-26_101528

Как сделать2

[php]
$(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,
});
})
[/php]

[php]
#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; }

[/php]

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

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

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

Я свяжусь с Вами в течении 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"]
Спасибо за оставленную заявку
Ожидайте звонка
Заказ СЕО продвижения
Введите ваше имя и телефон.
Я лично свяжусь с Вами для обсуждения деталей.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

или позвоните мне по телефону
+7-499-70-300-44
Спасибо за оставленную заявку
Ожидайте звонка
Обсудить условия
Вкратце опишите Вашу ситуацию или задайте свои вопросы, я свяжусь с вами в течении 15 минут в рабочее время
Введите контактный E-mail (используется для ответа)

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

Сообщение

Введите анти-спам код в поле ниже:captcha

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