Future

SA5 Slider Future plans

Pause on hover controls;

https://discourse.webflow.com/t/controlling-slider-preventing-hover-pause-with-jquery/160730

https://discourse.webflow.com/t/disable-slider-pause-on-hover/133172/19

Controls;

• Pause / Play

Slide manufacture;

• Add slides from static elements

• Load slides from CMS

• Allow insertion of slides at specific points in-between existing slides ( start, end middle )

  • insert-index

• Randomize slides

• GTM slide view and slide-interact events

More robust error messaging;

• Notify user in error console log if the slider is broken

Plan to add;

• Detection of common hidden state scenarios, and numbering, selection etc. based on the visible indices only.

  • Conditional visibility

• Auto-select N ( e.g. if first is conditionally hidden, we get tab 2 )

• Addition of informational attributes on the tabs outer element

  • no tabs state, tab count

Per-Slide Advance Timing

function slideNext() {
    console.log("Sliding to next"); // Replace with your actual slide advancing logic
}

const delays = [2000, 5000, 3000, 1000, 8000]; // Array of delay times in milliseconds

function executeSlideSequence(index = 0) {
    if (index >= delays.length) return; // Stop when all delays are used

    setTimeout(() => {
        slideNext();
        executeSlideSequence(index + 1); // Recursive call for the next delay
    }, delays[index]);
}

// Start the sequence
executeSlideSequence();