<html>
<head>
<script>
x=1;
function change(){
x++;
document.getElementById("photo").src="25082015091922-000"+x+".jpg";
}
</script>
</head>
<body>
<img id="photo" src='25082015091922-0001.jpg' onclick="change()">
</body>
</html>
在開始時顯示25082015091922-0001.jpg
按圖片後會變成25082015091922-0002.jpg
再按會變成25082015091922-0003.jpg
如此類推..
如果0002.jpg是要顯示在0001.jpg的旁邊而不是重疊呢??0001.jpg也不能消失
<html>
<head>
<script>
x=1;
cache=""
function change(){
x++;
cache+="<img src='25082015091922-000"+x+".jpg'>";
document.getElementById("photo").innerHTML=cache;
}
</script>
</head>
<body>
<div id="photo"></div>
<input type="button" value="show photo" onclick="change()">
</body>
</html>