纯javascript切换图像

-2

我现在有一个播放器图标，播放时更改为暂停图标。我使用这个代码改变它：纯javascript切换图像

<script> 
     var onImg= "img/play.svg"; 
     var offImg= "img/pause.svg"; 
    </script>

但是那就只单向和再次点击时不回播放图标恢复。我怎样才能存档这个？我只能找到jQuery代码，但我想要一个不依赖任何库的解决方案。

链接到演示：http://mortenhjort.dk/synchub/v2/（第一盖可与音频）

来源

2016-10-06 Morten Hjort

，你能否告诉我们，做实际的反复更改代码图像SRC属性？ –

更好的是，你可以打开一个快速而脏的代码片段？.. – Keith

从该页面，他有一个内联onclick在图像包含：'this.src = this.src == offImg？ onImg：offImg;'但为了方便回答片段会有所帮助。 – DBS

在此请看：

var on = "http://webneel.com/wallpaper/sites/default/files/images/04-2013/15-beach-sea-photography.preview.jpg"; 
 
var off = "https://s13.postimg.org/lzdaqr6fr/15_beach_sea_photography_preview_Convert_Image.jpg"; 
 
var state = false; 
 
var img = document.getElementById("img"); 
 

 
img.onclick = function(){ 
 
\t if(state){ 
 
    \t img.src = off; 
 
    state = false; 
 
    } 
 
    else{ 
 
    \t img.src = on; 
 
    state = true; 
 
    } 
 
}

<img src="http://webneel.com/wallpaper/sites/default/files/images/04-2013/15-beach-sea-photography.preview.jpg" id="img">

该解决方案是一样的，当你需要改变玩图标有暂停图标...希望它有帮助:)

来源

2016-10-06 10:00:32

您可以使用纯JavaScript函数如下

img.setAttribute('src',"http://cdn-images.deezer.com/images/cover/fd198aa0a511e33d42c787a364434962/400x400-000000-80-0-0.jpg")

来源

2016-10-06 10:03:50

纯javascript切换图像

回答

相关问题