Доброго всем дня. Подскажите пожалуйста, как сменить анимацию при прокрутке слайдера. Сейчас это выглядит так:
одна картинка сменяет другую листанием влево (меняется текст и картинка). Хочу сделать чтобы было не листание а одна картинка как-бы растворялась и на ее месте плавно появлялась другая, тоже самое с текстом.
<div class="s_6_slider">
<div id="demo">
<div class="slide">
<div id="owl-demo" class="owl-carousel">
<div class="o_item"><img src="img/p1.png">
<div class="item_text">
<p>Загородный дом №1</p>
<span>Использовалась керамическая черепица. Наличие в конструкции чердака определяет теплоизоляцию, за счет воздушного пространства, образуемого поверхностью крыши, наружными стенами и перекрытием верхнего этажа. Он защищает здание от холода, обеспечивает проветривание.
</span>
</div>
</div>
<div class="o_item"><img src="img/p2.png">
<div class="item_text">
<p>Загородный дом №2</p>
<span>Использовалась керамическая черепица. Наличие в конструкции чердака определяет теплоизоляцию, за счет воздушного пространства, образуемого поверхностью крыши, наружными стенами и перекрытием верхнего этажа. Он защищает здание от холода, обеспечивает проветривание.
</span>
</div>
</div>
<div class="o_item"><img src="img/p3.png">
<div class="item_text">
<p>Загородный дом №3</p>
<span>Использовалась керамическая черепица. Наличие в конструкции чердака определяет теплоизоляцию, за счет воздушного пространства, образуемого поверхностью крыши, наружными стенами и перекрытием верхнего этажа. Он защищает здание от холода, обеспечивает проветривание.
</span>
</div>
</div>
</div>
<div class="sl_form"></div>
</div>
</div>
</div>
<script>
$(document).ready(function() {
$("#owl-demo").owlCarousel({
navigation : true,
slideSpeed : 1000,
singleItem : true,
});
});
</script>
