是否有可能只改变图片？

Question

我需要帮助的人，我应该如何将图像与其他图像一起更改，就像在排队系统中一样，我使用HTML。请帮助，谢谢..

以下是我的网页的截图。

Answer 1

编织： http://kodeweave.sourceforge.net/editor/#b49e1b998a030e3dc8084c2771498a38

您可以使用if else statement或ternary operator以某种方式执行此操作。

＆＃13;

＆＃13;

var changeIMG = document.querySelector(".changeIMG")
var oldSrc = 'http://i.telegraph.co.uk/multimedia/archive/02223/bear-cub-toy_2223075k.jpg'
var newSrc = 'http://image.mlive.com/home/mlive-media/width960/img/grandrapidspress/photo/2015/03/20/-6328b3da95a15820.JPG'

function changeSrc() {
  var imgElement = document.querySelector(".bears")
  var src = imgElement.src

  imgElement.src = src === oldSrc ? newSrc : oldSrc
}

changeIMG.onclick = function() {
  changeSrc()
}
changeSrc()

＆＃13;

body {
  padding: 1em;
  text-align: center;
}

.changeIMG {
  display: block;
}
.bears {
  display: block;
  width: 52%;
  margin: 1.1em auto 0 auto;
}

＆＃13;

<link rel="stylesheet" href="http://getbootstrap.com/dist/css/bootstrap.css"/>
<script src="http://code.jquery.com/jquery.min.js"></script>
<script src="http://getbootstrap.com/dist/js/bootstrap.js"></script>

<button type="button" class="btn changeIMG btn-primary">
  Change Source
</button>

<img class="bears">

＆＃13;

＆＃13;

＆＃13;