<!DOCTYPE html>
<html lang="en">
<head>o
<meta charset="UTF-8">
<title>ResimleSlayt</title>
var time;
var myimage=document.images;
function bigPicture()
{
myimage[0].height+=20;
myimage[0].width+=20;
if(myimage[0].height==600 && myimage[0].width==600)
{
window.clearInterval(time);
smallPictureStart();
}}
function bigPictureStart()
{
time=setInterval(bigPicture,1000);
}
function smallPictureStart()
{
mytime=setInterval(smallPicture,1000);
}
function smallPicture() {
myimage[0].height -= 20;
myimage[0].width -= 20;
if(myimage[0].height==400 && myimage[0].width==400)
{
window.clearInterval(mytime);
bigPictureStart();
}}
</head>
<body onload="bigPictureStart()">
<center><img id="myPic1" src="myimage1.jpg" height="500" width="500"/></center>
</body>
</html>
Fotoğrafımız site açılır açılmaz büyümeye başlıyor cunku body etiketi içinde bigPictureStart fonksıyonu cagrılıyor.Fotografımızın height ve width özellikleri 600 oldugunda buyume duruyor ve 400 olana dek kuculuyor.
NisanurBulut 