2012-03-23 77 views
0

我正在使用此JavaScript函数为了在点击时更改图像,但它始终在刷新并返回到原始图像。JavaScript图像处理程序

这是我正在使用的代码;

function showImage1() {; 
    document.getElementById('Image5').style.visibility = 'visible'; 
    document.getElementById('Img1').style.visibility = 'hidden'; 
} 

<div> 
    <input ID="Button1" type="image" src=" Resources/Icons/benefitBtn.png" OnClick="showImage1();"/> 
</div> 

有什么建议吗?

+2

没有在你的例子没有jQuery的。我编辑了标题,问题和标签以反映这一点。 – 2012-03-23 15:56:39

+0

你能澄清你的问题吗? “一直刷新并回到原始图像”是什么意思? – 2012-03-23 15:57:34

回答

2

<input ID="Button1" type="image" src="Resources/Icons/benefitBtn.png" onClick="showImage1();return false;"/>

添加回假,应停止任何性质的提交。 如果我理解正确的.... :)

0

试试这个:

function toggleImage(elementToShow,elementToHide){ 
    $("#" + elementToShow).show(); 
    $("#" + elementToHide).hide(); 
} 

<div> 
<input ID="Button1" type="button" class="yourButtonClass" OnClick="showImage1('Image5','Img1');"/> 
</div> 

set your button's background image in your stylesheet.