0
我建立一個網站在這裏 和我掙扎的東西,困擾我 我試圖做一個增量按鈕,這將改變圖像取決於增量參數 例如,如果值等於0,圖片是‘A’ 然後我增加它的值是「1,畫面是‘b’等 我做了一些代碼在這裏變化圖像增益參數
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org /TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Image Change Demo</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<script type="text/javascript">
function increaseValue (eleId) {
var ele = document.getElementById(eleId);
ele.value = parseInt(ele.value) + 1;}
function decreaseValue (eleId) {
var ele = document.getElementById(eleId);
if(ele.value!=0){
ele.value = parseInt(ele.value) - 1;
}};
function changeIt(imageName,objName)
{
var obj = document.getElementById(objName);
var imgTag = "<img src='"+imageName+"' border='0' />";
obj.innerHTML = imgTag;
return;
};
</script>
</head>
<body>
<div id="image1">
<img src="1.jpg" border="0" alt="" />
</div>
<br><br>
<input type="text" value="1" id="incrementer" />
<input type="button" value="+" onclick="increaseValue('incrementer'),changeIt('button/next.png','image1');">
<input type="button" value="-" onclick="decreaseValue('incrementer'),changeIt('button/plus.png','image1');">
</html>
任何人都可以幫幫我 ?
非常感謝 但爲什麼我不能使它發揮作用? 我只改變img src,但增量不起作用 – 2011-06-09 19:10:25
@Kevin phytagoras你可以在http://jsfiddle.net/上創建一個演示來檢查它嗎? – Sotiris 2011-06-09 19:14:28
是的,但增量不會工作 – 2011-06-09 19:18:15