Sie sind nicht angemeldet.

360 derece dönen resim kodu

ZamansizEsinti

Schüler

  • »ZamansizEsinti« ist männlich
  • »ZamansizEsinti« ist der Autor dieses Themas

Beiträge: 85

Registrierungsdatum: 6. Juni 2010

Wohnort: Almanya

  • Nachricht senden

1

Montag, 7. Juni 2010, 09:37

360 derece dönen resim kodu

<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" height="120" ID="pic">
</th></TABLE>

Ähnliche Themen