Auto Imageslider
<!DOCTYPE html>
<html>
<head>
<title></title>
</head>
<body style="background-color:teal">
<h1 style="text-align:center;font-variant:small-caps;font-family:cursive;">|| LEVI ACKERMAN ||</h1>
<div style="text-align:center;">
<img src="levi.jpg" style="border:10px solid orange;width:300px"></div>
<div style="text-align:center;margin-top:50px">
</div>
<script type="text/javascript">
var image=["levi.jpg","levi1.png","levi2.jpg"]
var img=document.getElementsByTagName("img");
var x=0;
function changeimage(){
if(x<image.length-1){
x++;
img[0].src=image[x];
}
else{
x=-1;
}
}
var backcolor=["red","green","deeppink"];
var y=0;
var back=document.getElementsByTagName("body");
function changeback(){
if (y<3){
back[0].style.backgroundColor=backcolor[x];
y++;
}
else if(y=3){
y=0;
}
}
setInterval(changeback,1000);
setInterval(changeimage,1000);
</script>
</body>
</html>
Comments
Post a Comment