Как остановить автовоспроизведение слайдов при наведении курсора?

У базового элемента "Слайдер" в Oxygen нет опции остановки автоматического воспроизведения слайдов при наведении курсора мыши. Но иногда такой опции очень не хватает, особенно, когда каждый слайд содержит текст и каждому пользователю требуется разное время для изучения информации.

Я проделал несколько тестов и нашел очень простое решение. Добавьте следующий код в раздел Advanced > JavaScript настроек слайдера и ваш слайдер будет останавливать воспроизведение при наведении на него курсора:

jQuery(document).ready(function($) {

	if($('html').attr('ng-app') == 'CTFrontendBuilder') return;
  
	var data = $('.oxygen-unslider-container').data('unslider');
  
	$('.oxygen-unslider-container').hover(
		function() {
			data.stop();
		},
		function() {
			data.start();
		}
	);

});

Пример вставки кода для слайдера:

Как остановить Oxygen слайдер при наведении курсора?

Демо

Наведите курсор на слайдер и автовоспроизведение остановится:
Если у вас есть вопросы или пожелания, то напишите комментарий ниже.
Если-же вам требуется персональная помощь или персональная консультация, то свяжитесь со мной через форму обратной связи.
Следите за выходом новых советов и уроков:
arrow-up