Avoir un slider infini

Avoir un slider natif qui défile automatiquement sans avoir de fin

Language: Javascript

Catégorie : Slider

<script>

document.addEventListener('DOMContentLoaded', function() {
    let wrappers = document.querySelectorAll('.clients_items-wrapper');
    let lastWrapper = wrappers[wrappers.length - 1];
    let items = document.querySelectorAll('.clients_item');
    for (let i = 0; i < items.length; i++) {
        let clonedItem = items[i].cloneNode(true);
        lastWrapper.appendChild(clonedItem);
    }
});

</script>

Sommaire

Le script

Utiliser un LLM pour résumer ou expliquer ce script

Le script

Ajouter le script sur la page ou le projet Webflow

<script>

document.addEventListener('DOMContentLoaded', function() {
    let wrappers = document.querySelectorAll('.clients_items-wrapper');
    let lastWrapper = wrappers[wrappers.length - 1];
    let items = document.querySelectorAll('.clients_item');
    for (let i = 0; i < items.length; i++) {
        let clonedItem = items[i].cloneNode(true);
        lastWrapper.appendChild(clonedItem);
    }
});

</script>

Les attributes

Nom

Valeur

Nom

Valeur

Nom

Valeur

Nom

Valeur

Nom

Valeur

Nom

Valeur

Nom

Valeur

Tuto

Template

Code source du script

<script>

document.addEventListener('DOMContentLoaded', function() {
    let wrappers = document.querySelectorAll('.clients_items-wrapper');
    let lastWrapper = wrappers[wrappers.length - 1];
    let items = document.querySelectorAll('.clients_item');
    for (let i = 0; i < items.length; i++) {
        let clonedItem = items[i].cloneNode(true);
        lastWrapper.appendChild(clonedItem);
    }
});

</script>