Форум Сайтостроение Веб-строительство

Как остановить смену слайдов при переключении на другую вкладку?

V
На сайте с 04.06.2014
Offline
54
victorpavloff
778

На сайте есть слайдер: 

setInterval(function() {

        $('header .slider div:nth-child('+slide_number+')').css('opacity','0');

        slide_number++;

        if (slide_number == 5) {slide_number = 1;}

        $('header .slider div:nth-child('+slide_number+')').css('opacity','1');     

    }, 5000);

Если перейти на другую вкладку браузера, а через некоторое время вернуться, то слайды начинают листаться очень быстро, а затем все приходит в норму.

Можно ли при переходе на другую вкладку отключить листание слайдов, а при возвращении опять включить?

Партнёрка №1 в essay-нише (https://goo.gl/YfTPtG)
[Удален]
#1

Можно, пример: http://dystroy.org/demos/vis-en.html

если с вкладки уйти/войти, она меняет статус (title).

сам код: http://stackoverflow.com/questions/19519535/detect-if-browser-tab-is-active-or-user-has-switched-away/19519701#19519701

вам на это событие нужно повесить запуск и остановку слайдера.

grayCat777
На сайте с 02.09.2015
Offline
5
grayCat777
#2
victorpavloff:
Можно ли при переходе на другую вкладку отключить листание слайдов, а при возвращении опять включить?

Можно. Вам нужны обработчики событий onfocus и onblur объекта window.

Когда окно теряет фокус (onblur) - слайдер останавливаете, и наоборот.

HTML-верстка по доступной цене (/ru/forum/923505)

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий