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)";
  }
});