Discussion :

[LO88ra]

Bonjour,

J'aurais besoin de votre aide pour mon script js.
J'ai un carrousel, mais il ne fonctionne pas (aucun message d'erreur de php).

Quand je clique sur le bouton, je voudrais qu'il tourne. Hors là les images sont concentrées au centre et rien ne se passe quand je clique sur le bouton.

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
var items, lenght, deg, z, move = 0;
var bouton = document.getElementById('buttonCaroussel');
 
function load(){
  items = document.getElementsByClassName('itemcaroussel');
  lenght = items.length;
 
  deg = 360 / lenght;
  z = (items[0].offsetWidth/2) / Math.tan((deg/2) * (Math.PI/180));
 
  for(var i = 0; i <lenght; i++){
    items[i].style.transform = "rotateY("+(deg*i)+"deg) translateZ("+z+"px)";
  }
}
window.addEventListener('load', load);
 
 
bouton.addEventListener('click', function(){
  move += 1;
  for(var i=0; i < lenght; i++) {
    items[i].style.transform = "rotateY("+(deg*(i+move))+"deg) translateZ("+z+"px)";
  }
});

[Showie]

Salut,

On est clairement plus sur du Javascript que sur du Php, mais ça tombe biens tu es au bonne endroit.

Cependant, il nous faudrait plus d élément pour te répondre est ce que tu aurais le HTML à nous fournir aussi ?

Quand tu dit aucune erreur de la part de PHP, est ce que par contre tu as fait CTRL+F12 et tu as regardé la console Javascript ?

[LO88ra]

Coucou !

Merci pour ta réponse. Voici le code HTML qui traite du carrousel :

Code HTML :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
<div class="box">
        <figure class="caroussel">
          <img class="itemcaroussel" src=<?php echo get_theme_file_uri('img/accueil/caroussel/01.jpg'); ?> alt="">
          <img class="itemcaroussel" src=<?php echo get_theme_file_uri('img/accueil/caroussel/02.jpg') ?> alt="">
          <img class="itemcaroussel" src=<?php echo get_theme_file_uri('img/accueil/caroussel/03.jpg'); ?> alt="">
          <img class="itemcaroussel" src=<?php echo get_theme_file_uri('img/accueil/caroussel/04.jpg'); ?> alt="">
          <img class="itemcaroussel" src=<?php echo get_theme_file_uri('img/accueil/caroussel/05.jpg'); ?> alt="">
        </figure>
        <button id="buttonCaroussel">Tourner</button>
      </div>

Le <?php echo dans les balises src c'est parce que je boss sur un thème enfant wordpress.
Désolée je me suis trompée je voulais dire aucune erreur à la console Javascript ^^ pas PHP