Bonjour,

Utilisateur de Wordpress (avec très peu de notions en code) j'ai installé cette extension pour proposer du son en arrière plan : Compact WP Audio Player.

Mais n'appréciant pas le bouton j'ai voulu le re-designer comme celui de ce thème suivant (attention la musique se lancera automatiquement !) : https://werkstatt.fuelthemes.net/

Voici mon code pour l'instant, j'ai réussi à changer un peu le CSS en essayant de m'inspirer de celui du thème mais maintenant je bloque sur comment animer la hauteur de mes <span> qui représentent mes barres audios dans une intervalle donnée, lorsque mon bouton est activé. Et comment les remettre à leur hauteur d'origine quand ce dernier est désactivé.

https://codepen.io/alex83270/pen/xMWxvm

Je ne sais pas d'ailleurs si je poste au bon endroit, peut-être c'est du Javascript / jQuery qui faudra faire. Ce que j'ai pensé et essayé d'ailleurs, mais étant une bille je n'ai pas réussi.

Merci

Bonjour,
J'ai reussi à animer mes barres grâce à du CSS, maintenant il faut que je comprenne uniquement comment mettre cette animation sur pause et la lancer uniquement si le bouton est lancer et la remettre d'origine dans le cas échéant.

Voici mon codepen qui contient l'extrait du bouton que j'ai mis sur mon site : https://codepen.io/alex83270/pen/xMWxvm

Si quelqu'un est disponible pour me conseiller ce serai super ! Merci et bonne soirée

Résolu,

J'ai ajouté une div qui ne possèdent pas le css d'animation de mes barres et j'ai réussi à retrouver la fonction JS qui permuter le display de mes boutons auxquels j'ai ajouter deux lignes qui permettent de permuter elle aussi les display de mes divs d'animation des barres (une off / une on).