javascript学習(5):循環式スライドを確立し、制御可能なポイントを選択して表示する画像
1565 ワード
ページが表示されます.制御可能なポイントは表示する内容を選択します.
<!DOCTYPE html>
<html>
<head>
<title>Image Slideshow</title>
<script src="script09.js"></script>
<link rel="stylesheet" href="script01.css">
</head>
<body>
<div class="centered">
<h1>Welcome, Robot Overlords!</h1>
<img src="image/1.jpg" id="myPicture" width="200" height="400" alt="Slideshow">
<h2><a href="previous.html" id="prevLink"><< Previous </a> <a href="next. html"id="nextLink">Next >></a></h2>
</div>
<script>
window.onload = initAll;
function initAll(){
document.getElementById("prevLink").onclick = prev;
document.getElementById("nextLink").onclick = next;
}
var t = 0;
var arr = new Array("image/2.jpg","image/3.jpg","image/1.jpg");
function prev(){
if(t==0){
t = arr.length;
}
t--;
document.getElementById("myPicture").src = arr[t];
return false;
}
function next(){
t++;
if(t==arr.length){
t=0;
}
document.getElementById("myPicture").src = arr[t];
return false;
}
</script>
</body>
</html>