-8
A
回答
0
编织:http://kodeweave.sourceforge.net/editor/#b49e1b998a030e3dc8084c2771498a38
你可以做到这一点无论使用if else statement或ternary operator几种方法。
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()
body {
padding: 1em;
text-align: center;
}
.changeIMG {
display: block;
}
.bears {
display: block;
width: 52%;
margin: 1.1em auto 0 auto;
}
<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">
+0
谢谢你的想法男人,这对我很有帮助。 – DrkWhz24
相关问题
- 1. 是否可以更改Google Maps离线背景图片?
- 2. 是否可以仅更改TextView的一部分?
- 3. 仅使用C#更改图片
- 4. 是否可以将项目符号更改为自定义图片?
- 5. 是否可以动态更改PolyLine.strokeThickness值?
- 6. 是否可以实时更改菜单?
- 7. 是否可以更改UIWebView中的keybroadType
- 8. 是否可以更改NSTimer的userInfo?
- 9. 是否可以更改MySQL表的create_time?
- 10. 是否可以更改链接的href?
- 11. 是否可以更改RatingBar方向?
- 12. 是否可以更改匿名类型?
- 13. 是否可以更改npm用户?
- 14. 是否可以更改默认目标?
- 15. 是否可以更改JTabbedPane的布局?
- 16. 是否可以更改UIButton的操作?
- 17. 是否可以将application.css更改为application.css.sass?
- 18. 是否可以仅使用AS3更改仅一个MovieClip的播放速度而不更改帧率?
- 19. 是否可以仅更新SQLite数据库才能更改那些属性?
- 20. 是否可以对多张图片进行lightbox处理,但仅显示一张图片以激活它们?
- 21. 仅更改woocommerce类别图片的尺寸不是产品图片
- 22. 是否可以更新简单视图?
- 23. 是否可以自动更改Canvas图像Android?
- 24. 是否可以更改图像的颜色?
- 25. 是否可以更改高图的背景颜色?
- 26. 是否可以更改Android市场中的图标?
- 27. 是否可以更改FBSDK的图形API版本?
- 28. 每次触发时是否可以更改AlarmManager的意图?
- 29. 是否可以更改Google地图提供的路线
- 30. 是否可以使用分段控件来更改视图?
请仔细阅读[问] –
你能更具体? –
请参阅[如何问](http://stackoverflow.com/questions/how-to-ask)和[完美的问题](http://codeblog.jonskeet.uk/2010/08/29/writing-在完美-问题/)。 –