css怎么实现点击切换图片

Question

例如音乐播放页面的暂停播放按钮 点击一下就变成暂停或者播放 点击来回切换播放和暂停图片

Answer 1

//最简单的就是在js中添加onclick时间,例如
let myImage = document.querySelector("#fristimg");
myImage.onclick = function () {
  let mySrc = myImage.getAttribute("src");
  if (mySrc === "images/image2.jpg") {
    myImage.setAttribute("src", "images/OIP-C.jpg");
  } else {
    myImage.setAttribute("src", "images/image2.jpg");
  }
};