" section to show the desired slide on load, using the slider's correct ID or class.
Webflow's default Slider component doesn't include a built-in setting to make it start in the middle of an image gallery, and there is no checkbox or UI option for this. However, you can achieve this with a small custom code snippet.
<script> Webflow.push(function () { // Replace #sliderComponent with your actual Slider component ID or class var slider = $('#sliderComponent'); var middleSlide = 2; // Change this to your desired slide index // Wait for slider to initialize setTimeout(function() { slider.slider('show', middleSlide); }, 100); });</script>
#sliderComponent
with the correct ID or class of your slider (e.g., .w-slider
or #my-slider
).middleSlide
to match your actual intended slide index.Webflow sliders do not support starting from the middle out-of-the-box, but you can achieve it with custom code using jQuery and Webflow’s API. Just target the slider and set it to show the desired index.