Tous nos scripts

Slider

Naviguer dans un slider avec le clavier

<script>
document.addEventListener('keyup', function (event) {
  if (event.key === 'ArrowLeft') {
    document.querySelector('.w-slider-arrow-left').click();
  }
  if (event.key === 'ArrowRight') {
    document.querySelector('.w-slider-arrow-right').click();
  }
});
</script>

‍

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

<!-- Scripts by Justa | Slider Keyboard -->
<script src="https://cdn.jsdelivr.net/npm/@justaa/scripts/dist/sliders/slider-keyboard.js"></script>
<script>
document.addEventListener('keyup', function (event) {
  if (event.key === 'ArrowLeft') {
    document.querySelector('.w-slider-arrow-left').click();
  }
  if (event.key === 'ArrowRight') {
    document.querySelector('.w-slider-arrow-right').click();
  }
});
</script>

‍

Copier

Etape 2 - Ajouter les attributes correspondants

Aucun attribute nécessaire

Nom

Valeur

Aucun attribute nécessaire

Nom

Copié !

Valeur

Copié !

Nom

Valeur

Nom

Valeur

Tuto, template & scripts

Tuto

Template

Script

<script>
document.addEventListener('keyup', function (event) {
  if (event.key === 'ArrowLeft') {
    document.querySelector('.w-slider-arrow-left').click();
  }
  if (event.key === 'ArrowRight') {
    document.querySelector('.w-slider-arrow-right').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.