<HEAD>
<!-- Original: -->
<SCRIPT language="JavaScript" type="text/javascript">
var wdmax=180; //set maximum width of square image (px) / resmin maximum geniþliði
var wdmin=0; //set minimum thickness of edge-on image (px) / resmin incelme geniþliði
var inc=5; //set step change in px (wdmax-wdmin must be a multiple) )These two variables / deðiþme hýzý
var rate = 50; //pause between steps (in millisec)determine flip-flop speed / her bir hareketteki bekleme süresi
var pause = 1000; //pause between flip and flop (in millisec) / resim deðiþirken bekleme süresi
var ff="flip"; //initialise whether movement starts with a "flip" (sideways) or "flop" (vertical) change. / ilk deðiþme stili (diðeri 'flop')
function flipflop() {
if (ff=="flip") {
var wd = document.getElementById("pic").getAttribute("width");
wd = wd - inc;
document.getElementById("pic").setAttribute("width",wd);
if (wd==wdmin) {
document.getElementById("pic").setAttribute("src","istanbul7.jpg"); //substitute name of your second picture / ikinci resim
inc=-inc;
}
if (wd==wdmax) {
ff="flop";
inc=-inc;
setTimeout("flipflop()",pause);
}
else {
setTimeout("flipflop()",rate);
}
}
else {
var ht = document.getElementById("pic").getAttribute("height");
ht = ht - inc;
document.getElementById("pic").setAttribute("height",ht);
if (ht==wdmin) {
document.getElementById("pic").setAttribute("src","balik.jpg"); //substitute name of your first picture / ilk resim
inc=-inc;
}
if (ht==wdmax) {
ff="flip";
inc=-inc;
setTimeout("flipflop()",pause);
}
else {
setTimeout("flipflop()",rate);
}
}
}
-->
</SCRIPT>
</HEAD>
<BODY onLoad="javascript
:flipflop()">
<center>
<TABLE border="0">
<th width="160" height="160">
<IMG src="balik.jpg" width="180" ID="pic">
</th></TABLE>
<!--- KAYNAK:
http://www.gezginler.net --->