JavaScript图像隐藏_Javascript_Image_Hide

JavaScript图像隐藏

javascript image

JavaScript图像隐藏,javascript,image,hide,Javascript,Image,Hide,我正在用javascript制作一个游戏，我需要以下方面的帮助：我想把一个image=变成一个变量，然后我只想在需要的时候显示它因此，我希望图像在默认情况下隐藏，但它总是显示我所做的任何事情。我只是一个初学者，我已经查看了此页面和互联网上的其他页面来帮助我：这是迄今为止的代码： <html> <head></head> <body> <img src="http://wwcdn.weddingwire.com/static/v

我正在用javascript制作一个游戏，我需要以下方面的帮助：

我想把一个image=变成一个变量，然后我只想在需要的时候显示它

因此，我希望图像在默认情况下隐藏，但它总是显示我所做的任何事情。我只是一个初学者，我已经查看了此页面和互联网上的其他页面来帮助我：

这是迄今为止的代码：

<html> <head></head>
<body>
     <img src="http://wwcdn.weddingwire.com/static/vendor/55001_60000/56375/thumbnails/64x‌64_SQ_1342622451725-Matangiaerial.jpg"
          id="islandimg">
     <script type="text/javascript">
     var playermoney = 10000;
     var islandarray = new array;
     var car = 500; var watch = 100;
     var diamond = 2000;
     function hideImage() { 
          if (document.getElementById) {
               document.getElementById('islandimg').style.visibility = 'hidden';
          }
     </script>
</body></html>


var playermoney=10000；
var islandarray=新阵列；
var car=500；var=100；
var钻石=2000；
函数hideImage（）{
if（document.getElementById）{
document.getElementById（'islandimg'）.style.visibility='hidden'；
}

游戏代码中有其他内容，但请忽略它。

您可以使用并执行以下操作：

function hideImage() {
  $('#islandimg').hide();
}

更新：

另一种选择是：

function hideImage() { 
    document.getElementById('islandimg').style.visibility = 'hidden';
}

或者这个：

function hideImage() { 
    document.getElementById('islandimg').style.display = 'none';
}

最后两个之间有什么区别=>

如果您想切换图像的可见状态，那么您也应该创建一个

show

函数（通过使用jQuery，您可以使用

toggle（）

函数来实现这一点）

如果您不想显示图像，也可以默认使用

CSS

隐藏图像，然后使用

showImage（）

函数使用

JavaScript

切换显示状态

#islandimg {
    visibility: hidden;
}

或

看起来页面上有语法错误

var islandarray = new array;

应该是

var islandarray=new Array（）；

或
var islandarray=[]；
此外，您似乎从未调用函数。您只是在声明它

hideImage(); // Call this function in your script 
             //  after taking care of the errors.. 

function hideImage() { 
          if (document.getElementById) {
               document.getElementById('islandimg').style.visibility = 'hidden';
          }
};  -- > Missing this as well

hideImage();  // Then call your function

正如一些评论（包括我的评论）所暗示的那样，您从未真正调用过该函数。下面是我对您脚本的编辑

<html> <head></head>
<body>
     <img src="http://wwcdn.weddingwire.com/static/vendor/55001_60000/56375/thumbnails/64x‌64_SQ_1342622451725-Matangiaerial.jpg"
          id="islandimg">
     <script type="text/javascript">
     var playermoney = 10000;
     var islandarray = new Array();
     var car = 500; var watch = 100;
     var diamond = 2000;
     function hideImage() {
          if (document.getElementById) {
               document.getElementById('islandimg').style.visibility = 'hidden';
          }
         }
// NOW CALL hideImage() TO MAKE IT DO SOMETHING
hideImage();
     </script>
</body></html>


var playermoney=10000；
var islandarray=新数组（）；
var汽车=500；var手表=100；
var钻石=2000；
函数hideImage（）{
if（document.getElementById）{
document.getElementById（'islandimg'）.style.visibility='hidden'；
}
}
//现在调用hideImage（）使其执行某些操作
hideImage（）；

这不起作用的原因有几个

图像返回404

如其他所述，

数组

未定义

if语句后缺少结尾

以下是中的工作版本

下面是带注释的JS部分

 var playermoney = 10000;
 var islandarray = new Array(); //array was undefined. 
 // a more concise way to write this by the way is: var islandarray = [];
 var car = 500; var watch = 100;
 var diamond = 2000;
 function hideImage() { 
      if (document.getElementById) {
           document.getElementById('islandimg').style.visibility = 'hidden';
      }
 }//Missing end braces 

 hideImage(); //missing call to the function

顺便说一句，找出这些问题的最简单方法是查看Chrome/Firefox控制台，它会抱怨

数组变量问题。提供的帖子已经回答了您的问题。
如果要调用加载页面的函数，需要插入以下代码：
<body onload="hideImage();">

最后}
否则jscript将不会加载。
您应该使用Firefox和Firebug（或其他工具）来检查错误
 请通过编辑将代码添加到问题中。我已经尝试了45分钟，现在我仍然做不到。我一直在看不同的文章，仍然做不到。请提供帮助？您有一个名为hideImage的函数，但您从未调用过它。您甚至执行过hideImage函数吗？（hideImage（）
）@Kos-Read和Sure，让我们加载所有jQuery以隐藏图像。True但没有帮助。你也可以使用一百个其他的助手库，但是这个任务实际上不需要任何助手库。我想当他开发一个游戏时，这将不是唯一的js函数，有了像jQuery这样的助手库，他也许可以编写可读性更好的代码。如果他像他说的那样制作一个游戏，jQuery可能对DOM操作非常有用，一千多个其他库也是如此。JavaScript问题的答案不是“使用jQuery”。添加如此巨大的依赖性使得这个问题的答案特别糟糕
还有一个if statememt（不要忘了右大括号：）缺少结尾}
）原文中的两个问题。1） newarray（）非新数组和2）调用hideImage（）你们是最好的。我可能不擅长编码，但你们都很擅长帮助。谢谢大家的帮助！嗨，我只是想问你能不能再帮我一次。我希望数组孤岛有一个变量，它值多少钱（7000），还有另一个变量，就是后面代码中的图像，只要我想去掉这个项目，我就可以。你能帮我吗？如果有人能帮我的话，那就太好了
<body onload="hideImage();">

var islandarray = new Array();