1Adım:Aşağıdaki
javaScrip kodlamayı
sayfada <Head>.. </Head> tag'ının arasına gelecek şekilde yazın.
Kodlamada kullanılan ve sayfada görünmesi istenen resimin adı ve uzantısını
değiştirmek ve kendinize ait bir resimin adını ve uzantısını yazacağınız
yer sarı olarak
işaretlendirilmiştir.
<head>
<script language=javaScript>
<!-- Beginning of JavaScript -
var thissize=1
var step=1
var maximgwidth=100
var imgwidth="100"
var imgheight="100"
var message=" Web okulu <img src='ilkbahar2.jpg height=100
'></img> "
function stretch() {
if (thissize<0) {step=1; thissize=0}
if (thissize < maximgwidth) {
if(document.all) {
zoomer.innerHTML="<span style='font-family:"+imgheight+";font-size:"+thissize+"px;width:"+imgwidth+"'>"+message+"</span>"
}
if(document.layers) {
document.zoomer.document.write("<span style='font-family:"+imgheight+";font-size:"+thissize+"px;width:"+imgwidth+"'>"+message+"</span>")
document.close()
}
step++
thissize=thissize+step
var timer=setTimeout("stretch()",50)
}
else {
clearTimeout(timer)
var intermezzo=setTimeout("shrink()",1000)
}
}
function shrink() {
if (thissize > -0) {
if(document.all) {
zoomer.innerHTML="<span style='font-family:"+imgheight+";font-size:"+thissize+"px;width:"+imgwidth+"'>"+message+"</span>"
}
if(document.layers) {
document.zoomer.document.write("<span style='font-family:"+imgheight+";font-size:"+thissize+"px;width:"+imgwidth+"'>"+message+"</span>")
document.close()
}
if (step >= 2) {step=step-1} else{step=1}
thissize=thissize-step
var timer=setTimeout("shrink()",50)
}
else {
clearTimeout(timer)
var intermezzo=setTimeout("stretch()",1000)
}
}
// - End of JavaScript - -->
</script>
</head>
2Adım:Aşağıdaki kodlamayı
sayfada <Body>.. </Body> tag'ının arasına gelecek şekilde yazın.
Kodlamada kullanılan ve sayfada görünmesi istenen resimin sayfaya nerede
konumlanacağını isterseniz belirleyebilirsiniz.Kırmızı
ile işaretli yerleri değiştirerek bunu sağlayabilirsiniz.En
önemlisi kodlamayı çalıştıracak olan beyazla
işaretlenmiş kod Body tag'ının içine yerleşecek şekilde yazılması gerekir.
<body onLoad="stretch()">
<div id="zoomer" style="position:absolute;visibility:
visible;top:10px; left:10px"></div>
|