SwapMyLi — Rotation automatique de liste avec jQuery

SwapMyLi est un script jQuery qui permet d’effectuer une rotation sur les éléments d’une liste pour les afficher les uns après les autres plutôt que les uns sous les autres. Peu d’options, mais nous avons l’essentiel : vitesse de l’effet d’animation, durée de la transition d’un élément à l’autre, durée d’affichage de chaque slide, affichage ou non d’un timer pour montrer le temps d’affichage restant, et utilisation ou non des styles CSS intégrés au script.

 Marquage HTML

<ul id="myList1">
    <li>Donec sed odio dui.</li>
    <li>Nullam quis risus eget urna.</li>
    <li><a href="#">Integer posuere era.</a></li>
    <li>Maecenas sed diam eget risus.</li>
    <li>Tortor mauris condimentum.</li>
</ul>

Appel de SwapMyLi

<script>
    $(function() {
        $('#myList1').swapmyli({
            swapTime: 900, // Speed of effect in animation
            transitionTime: 700, // Speed of Transition of ul (height transformation)
            time: 4000, // How long each slide will show
            timer: 1, // Show (1) /Hide (0) the timer.
            css: 1 // Apply swapmyli css on the list elements.
        });
    });
</script>

→ Téléchargez Télécharcher SwapMyLi