Tous nos scripts

Slider

Commencer son slider à un numéro de slide spécifique

<script>
window.onload = function () {
  const slider = document.querySelector('[js-slider-element="slider"]');

  const startSlide = slider.querySelector('[js-slider-begin]');

  const startIndex = Array.from(startSlide.parentNode.children).indexOf(startSlide);

  const dots = slider.querySelectorAll('.w-slider-dot');

  const startDot = dots[startIndex];

  startDot.click();
};
</script>

Etape 1 - Ajouter le script sur la page ou le projet Webflow

<!-- Scripts by Justa | Slider Begin -->
<script src="https://cdn.jsdelivr.net/npm/@justaa/scripts/dist/sliders/slider-begin.js"></script>
<script>
window.onload = function () {
  const slider = document.querySelector('[js-slider-element="slider"]');

  const startSlide = slider.querySelector('[js-slider-begin]');

  const startIndex = Array.from(startSlide.parentNode.children).indexOf(startSlide);

  const dots = slider.querySelectorAll('.w-slider-dot');

  const startDot = dots[startIndex];

  startDot.click();
};
</script>
Copier

Etape 2 - Ajouter les attributes correspondants

Slider - Identifier l'élément Slider

Nom

js-slider-element

Valeur

slider

Ajouter l'attribute au slider

Slide - Identifier la slide qui sera la 1ère

Nom

js-slider-begin

Copié !

Valeur

Copié !

Ajouter l'attribute à la slide à laquelle le début est souhaité

Aucune valeur nécessaire

Nom

Valeur

Nom

Valeur

Nom

Valeur

Nom

Valeur

Nom

Valeur

Tuto, template & scripts

Tuto

Template

Script

<script>
window.onload = function () {
  const slider = document.querySelector('[js-slider-element="slider"]');

  const startSlide = slider.querySelector('[js-slider-begin]');

  const startIndex = Array.from(startSlide.parentNode.children).indexOf(startSlide);

  const dots = slider.querySelectorAll('.w-slider-dot');

  const startDot = dots[startIndex];

  startDot.click();
};
</script>
Copier

Etape 2 - Ajuster le code pour votre besoin

Copié dans le presse-papiers
Logo Justa

Progressez sur Webflow

Oops! Une erreur s'est produite lors de la soumission du formulaire.