2012-03-23 173 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.