Pause Oxygen Slider on Hover

Arshad
9 Aug 2022

If you need to pause the Oxygen Slider Element on hover, it is not there by default. Just use the below Javascript (jQuery) in a code-block on the and add the below code to JS section.

Note : Just comment the PHP/HTML content middle Line.

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();
		}
	);
});

Was this article helpful?

Tags

Categories

Never miss new post again

Subscribe and get list of new posts in your inbox

Click to Copy