Easy way to address an external button to choose slides or tabs ?

Hey Guenter,

Thank you for the update.

You can hide the default dots or navigation and create another element that will represent those dots. You can then simulate a click event or trigger the default dot when someone clicked on its alias or the custom dot designated to it.

// https://api.jquery.com/trigger/

Or you can adjust the position of the dots with css.

Best regards,
Ismael

Hi,

If you don’t want to copy the script in the child theme, you can listen for the “avia_slider_navigate_slide”, “avia_slider_first_slide” and the “avia_slider_last_slide” events, then look for the navigation dot (goto-slide) with the “active” class attribute. The event is triggered whenever the _navigate function is executed. You can probably use the href attribute of the active dot to determine the custom dot that is related to it.

<a class="goto-slide active" href="#1">1</a>

Something like:

slider.on('avia_slider_navigate_slide avia_slider_first_slide avia_slider_last_slide', function() {
   var active = $('.goto-slide.active').attr('href');
   var dot = $('custom-dot-' + active).addClass('active'); // custom-dot-#2, custom-dot-#3
   // do more
});

Best regards,
Ismael