文章/答案/技术大牛

发布

社区首页 >问答首页 >用javascript改变图像源--怎么了？

问用javascript改变图像源--怎么了？
EN

Stack Overflow用户

提问于 2013-05-17 06:02:02

回答 3查看 109关注 0票数 0

<IMG onmouseover="document.swap2.src='http://www.grlf.com/pics/png';" id="brewmp" alt=Brew src=changeOSImage() width=26 height=24>


function changeOSImage() {
    var mp_os = "x";

    if (mp_os) == "Brew MP") {
        document.getElementById("brewmp").src = "http://www.greengo-cellular.com/ebay_files/images/features_n_02.png";
    } else {
        document.getElementById("brewmp").src = "http://www.greengo-cellular.com/ebay_files/images/features_02.png";
    }
};

由于某种原因，url并没有改变url，而是在其中显示了函数名(因此不通向任何地方)。我做错了什么？

javascript

回答 3

Stack Overflow用户

回答已采纳

发布于 2013-05-17 06:17:58

如前所述，您的映像的src不能是一个函数。我也看不到document.swap2在你的代码中实际指的是什么。试试像这样的东西

  <img id="brewmp" src="http://www.grlf.com/pics/png" />

  <script>
  window.onload = (function(){
         var mp_os = 'x';
         document.getElementById('brewmp').onmouseover = (function(){
              this.src = 'path/to/different/image';
         });
  });
  </script>

我不确定mp_os在您的初始代码中指的是什么，因为它被设置为x，并且您从不更改它，而且它是在您的函数的作用域中定义的，这意味着在上面的case.The中它将始终是'x‘，这将为您提供一个很好的起点来将您的"if“语句添加到mp_os中，但是您应该在函数外部声明var mp_os

票数 0

Stack Overflow用户

发布于 2013-05-17 06:08:37

不能在图像的src属性中指定函数。

尝试将changeOSImage()函数放在文档的onload事件中，或者从其他函数调用它。

票数 3

Stack Overflow用户

发布于 2013-05-17 06:19:57

正如在其他答案中所指出的，在if语句中有一个额外的)。试试这个：

示例：JsFiddle

JavaScript (在<head></head>内部添加)：

<script>
var mp_os = '';

function changeImage(){

    if (mp_os == "Brew MP") {
        mp_os = "x";
        document.getElementById("brewmp").src = "http://png-5.findicons.com/files/icons/75/i_like_buttons_3a/512/perspective_button_stop.png";
    } else {
        mp_os = "Brew MP";
        document.getElementById("brewmp").src = "http://icons.iconarchive.com/icons/mazenl77/I-like-buttons-3a/512/Perspective-Button-Go-icon.png";
    }

}
</script>

HTML：

<img onmouseover="changeImage()" onmouseout="changeImage()" id="brewmp" alt="Brew" src="http://png-5.findicons.com/files/icons/75/i_like_buttons_3a/512/perspective_button_stop.png" width="20%">

票数 0

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/16598212

复制

相似问题

问用javascript改变图像源--怎么了？
EN

回答 3

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问用javascript改变图像源--怎么了？EN

回答 3

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问用javascript改变图像源--怎么了？
EN