Форум программистов, компьютерный форум, киберфорум
jQuery
Войти
Регистрация
Восстановить пароль
Блоги Сообщество Поиск Заказать работу  
 
Рейтинг 5.00/11: Рейтинг темы: голосов - 11, средняя оценка - 5.00
0 / 0 / 0
Регистрация: 27.08.2016
Сообщений: 2

Выполнение JS при смене слайда

27.08.2016, 10:14. Показов 2333. Ответов 1
Метки нет (Все метки)

Студворк — интернет-сервис помощи студентам
Приветствую!
Нужна ваша помощь.

На сайте проблема со сменой слайдов и эффектом набора текста typed.js

- Слайдер использую http://www.owlcarousel.owlgrap... lcome.html
- Эффект набора текста http://www.mattboldt.com/demos/typed-js/
Вот код:
JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
 <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 и сразу выводить значения строк в слайдере, то проблем нет.
0
Programming
Эксперт
39485 / 9562 / 3019
Регистрация: 12.04.2006
Сообщений: 41,671
Блог
27.08.2016, 10:14
Ответы с готовыми решениями:

Смена background при смене слайда !
Всем привет. Сразу к делу. На сайте реализован большой слайдер, на всю ширину экрана. Нужно, что-бы при смене слайда, менялся background...

Менять текст в блоке при смене слайда
http://wreality.ru/ с помощью, чего при смене слайда менять текст в блоке?

Подскажите слайдер с эффектом фэйда и скейла при смене слайда
Всем привет. Что-то не нагуглил, потому спрошу: есть ли у кого под рукой слайдер с эффектом фэйда и скейла картинки из коробки? ...

1
 Аватар для sad67man
2603 / 1507 / 689
Регистрация: 23.08.2015
Сообщений: 3,823
27.08.2016, 16:25
seotapki, А можете приложить html разметку?
0
Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.
inter-admin
Эксперт
29715 / 6470 / 2152
Регистрация: 06.03.2009
Сообщений: 28,500
Блог
27.08.2016, 16:25
Помогаю со студенческими работами здесь

При смене слайда в chrome распрямляются углы. Почему ?
Есть сайт: http://gorenje.designer4.org.ua/ru/ Если открыть его в chrome, то при переключении слайда углы на время распрямляются, а потом...

Активация слайда, при бездействии пользователя определенное время
Доброго времени суток. Народ, подскажите, плз, как сделать следующую штуку: Если пользователь ничего не делает (не нажимает ни на какие...

Как запустить 'помощника' при просмотре слайда в режиме демонстрации?
Не могу решить проблему: необходимо запустить 'помощника' при просмотре слайда в режиме демонстрации. Да еще чтобы при выборе одного из...

Ошибка при скрытии объектов при смене значения ComboBox
procedure TForm1.ComboBox2Change(Sender: TObject); begin case combobox2.ItemIndex of 0: DBGrid3.Visible:=true; // ХОЧУ ЗДЕСЬ...

При замене процессора винда не грузится, при смене памяти комп не включается
почитал схожие темы на форуме, ответа не нашел, поэтому моя ситуация: решил сменить процессор. Был Core 2 Duo E7500, стал Core 2 Quad...


Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:
2
Ответ Создать тему
Новые блоги и статьи
Воспроизведение звукового файла с помощью SDL3_mixer при касании экрана Android
8Observer8 26.01.2026
Содержание блога SDL3_mixer - это библиотека я для воспроизведения аудио. В отличие от инструкции по добавлению текста код по проигрыванию звука уже содержится в шаблоне примера. Нужно только. . .
Установка Android SDK, NDK, JDK, CMake и т.д.
8Observer8 25.01.2026
Содержание блога Перейдите по ссылке: https:/ / developer. android. com/ studio и в самом низу страницы кликните по архиву "commandlinetools-win-xxxxxx_latest. zip" Извлеките архив и вы увидите. . .
Вывод текста со шрифтом TTF на Android с помощью библиотеки SDL3_ttf
8Observer8 25.01.2026
Содержание блога Если у вас не установлены Android SDK, NDK, JDK, и т. д. то сделайте это по следующей инструкции: Установка Android SDK, NDK, JDK, CMake и т. д. Сборка примера Скачайте. . .
Использование SDL3-callbacks вместо функции main() на Android, Desktop и WebAssembly
8Observer8 24.01.2026
Содержание блога Если вы откроете примеры для начинающих на официальном репозитории SDL3 в папке: examples, то вы увидите, что все примеры используют следующие четыре обязательные функции, а. . .
моя боль
iceja 24.01.2026
Выложила интерполяцию кубическими сплайнами www. iceja. net REST сервисы временно не работают, только через Web. Написала за 56 рабочих часов этот сайт с нуля. При помощи perplexity. ai PRO , при. . .
Модель сукцессии микоризы
anaschu 24.01.2026
Решили писать научную статью с неким РОманом
http://iceja.net/ математические сервисы
iceja 20.01.2026
Обновила свой сайт http:/ / iceja. net/ , приделала Fast Fourier Transform экстраполяцию сигналов. Однако предсказывает далеко не каждый сигнал (см ограничения http:/ / iceja. net/ fourier/ docs ). Также. . .
http://iceja.net/ сервер решения полиномов
iceja 18.01.2026
Выкатила http:/ / iceja. net/ сервер решения полиномов (находит действительные корни полиномов методом Штурма). На сайте документация по API, но скажу прямо VPS слабенький и 200 000 полиномов. . .
КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin
Copyright ©2000 - 2026, CyberForum.ru