2013-09-27 50 views
1

我只是把这个脚本在一起,但那里有一个问题,它,如果图像文本之间坐下来,它一直高度差时是不可见的,任何人有什么想法如何在显示/隐藏时如何缩小尺寸或类似的东西?的onClick显示/隐藏要崩溃的隐藏图像尺寸的JavaScript

身体

a onclick="showImage();"> Click here</a> 
    img id="loadingImage" src="image.png" style="visibility:hidden"/> 

脚本

function showImage(){ 
    var toggleImage = document.getElementById("loadingImage"); 
     if(toggleImage.style.visibility == "visible") { 
     document.getElementById('loadingImage').style.visibility='hidden'; 
    }else{ 
     document.getElementById('loadingImage').style.visibility='visible'; 
} 
} 
+3

使用'显示:none' /'显示:inline' – PeeHaa

+0

@Switchfire:http://stackoverflow.com/questions/133051/what-is-the-difference-between-visibilityhidden-and-displaynone参阅此链接以便更好地了解 – Pbk1303

+0

干杯很有帮助Pbk – Switchfire

回答

5

不要使用visibility。改用display属性。

正如你可以看到@MDN

的(知名度隐藏值隐藏的元素,但留下空间,它会一直。

+1

完美地工作! – Switchfire