Effet défilement de contenus d'onglets avec JavaScript

[kss]

Bonjour à tous !

Mon problème est relatif à un code et/ou à un script.
Mon code consiste en un cadre où le contenu de 4 onglets défilent de gauche à droite en cliquant sur une flèche. Lorsqu'on clique sur une des deux flèches (celle de gauche ou de droite) le contenu de l'onglet apparait, mais j'aimerais qu'on voit le défilement de ces contenus. Je sais qu'il s'agit de JavaScript, parce qu'il n'y a plus que ça que je n'ai pas touché x) Et étant une bille en JS, je viens vers vous aujourd'hui pour que vous puissiez m'éclairer...

Voici le script que j'utilise :

Code:

   <script>
      var slideIndex = 1;
      showDivs(slideIndex);

      function plusDivs(n) {
        showDivs(slideIndex += n);
      }

      function showDivs(n) {
        var i;
        var x = document.getElementsByClassName("mySlides");
        if (n > x.length) {slideIndex = 1}
        if (n < 1) {slideIndex = x.length}
        for (i = 0; i < x.length; i++) {
         x[i].style.display = "none"; 
        }
        x[slideIndex-1].style.display = "block"; 
      }
   </script>

Si vous avez besoin d'en voir plus sur le code, n'hésitez pas à me le réclamer !

D'avance merci à ceux qui répondront et qui m'aideront à modifier/ajouter l'élément qui me permettra de travailler le défilement des contenues de mes onglets ^^

Des bisous ! <3

[kss]

[up]

[Adam_sfp]

Bonsoir

Pas évident de modifier votre code pour obtenir un bel effet de transition..
limite en jouant sur l'opacité...mais ça ne sera pas fulgurant...
Mais il serait peut être préférable de vous diriger vers un script proposant de suite différentes options de transitions.

Via google en tapant slider Jquery ou carousel jquery vous devriez trouver des choses...

Cdt.

[kss]

Bonjour !

Merci d'avoir pris la peine de répondre à mon message
J'ai suivi votre conseil en allant chercher du côté des carousel. Ça n'a pas été évident, mais j'ai trouvé un nouveau code qui me permet de voir le défilement de mes onglets. Ceci dit, j'ai dû tout recoder pour pouvoir l'intégrer ! Mais la patience est une vertu, surtout en codage :p

Si cela peut être utile à d'autres personnes, voici le lien où j'ai trouvé mes codes : http://kenwheeler.github.io/slick/

Ce problème est donc bel et bien résolu.
Merci encore !

Bien à vous,
Kss.