Приветствую!
Нужна ваша помощь.
На сайте проблема со сменой слайдов и эффектом набора текста typed.js
- Слайдер использую
http://www.owlcarousel.owlgraphic.co...d-welcome.html
- Эффект набора текста
http://www.mattboldt.com/demos/typed-js/
Вот код:
<script>
jQuery(document).ready(function($) {
var owl = $('.owl-carousel');
owl.on(
'to.owl.carousel changed.owl.carousel', function(e) {
$(".top_text").typed({
stringsElement: $('#string1'),
typeSpeed: 0,
showCursor: false,
});
$(".bottom_text").typed({
stringsElement: $('#string2'),
typeSpeed: 0,
showCursor: false,
});
});
owl.owlCarousel({
loop: true,
nav: false,
autoplay: true,
autoplayTimeout: 5000,
autoplayHoverPause: true,
items:1,
});
});
</script>
Теперь о проблеме: Есть две строки(#string1, #string2), где при каждой смене слайда меняются значения обоих строк.
Пункт1. Дожжно быть так:
1 Слайд (#string1= значение 1, #string2=значение1)
2 Слайд (#string1= значение 2, #string2=значение2)
3 Слайд (#string1= значение 3, #string2=значение3)
слайдер зацикленный и при повторе должно все повторяться.
Пункт2. А получается так:
1 Слайд (#string1= значение 1, #string2=значение1)
2 Слайд (#string1= значение 2, #string2=значение2)
3 Слайд (#string1= значение 2, #string2=значение2)
Пункт3. при повторном выполнении слайдера, получается так:
1 Слайд (#string1= значение 2, #string2=значение2)
2 Слайд (#string1= значение 2, #string2=значение2)
3 Слайд (#string1= значение 2, #string2=значение2)
Если обновить страницу, получается пункт 2
Как сделать так, чтобы при каждой смене слайда JS получал новое значение строк (#string1, #string2).
Если не использовать typed.js и сразу выводить значения строк в слайдере, то проблем нет.