Pozvolné zvětšování objektu

1. Návštěvník 9F7456DF 19. 5. 2006 09:25

   Zkus to takto: <head> <script type="text/javascript"> function zvetsi() { tmp = parseInt(document.getElementById("obrz").style.width, 10) if (tmp < 24) { tmp = parseInt(document.getElementById("obrz").style.width, 10) tmp += 1; document.getElementById("obrz").style.width = tmp + "px"; tmp = parseInt(document.getElementById("obrz").style.height, 10) tmp += 1; document.getElementById("obrz").style.height = tmp + "px"; window.setTimeout("zvetsi();", 1); } } function zmensi() { tmp = parseInt(document.getElementById("obrz").style.width, 10) if (tmp > 15) { tmp = parseInt(document.getElementById("obrz").style.width, 10) tmp -= 1; document.getElementById("obrz").style.width = tmp + "px"; tmp = parseInt(document.getElementById("obrz").style.height, 10) tmp -= 1; document.getElementById("obrz").style.height = tmp + "px"; window.setTimeout("zmensi();", 1); } } </script> </head> <body> <IMG alt="style" ID="obrz" style="width:13px; height:16px;" src="obrazek.gif" border="0" onMouseOver="zvetsi()" onMouseOut="zmensi()"> </body>

2. Návštěvník 9F7456DF 19. 5. 2006 09:27

   Dodatek. Zkoušel jsem to na obrázku 13x16 pixelu. Pro 16x16 si změň width v tagu IMG.

3. Návštěvník 9F7456DF 19. 5. 2006 09:44

   Pro obrázky, které mají stejnou výšku a šířku, to ještě jde zoptimalizovat: <head> <script type="text/javascript"> function zvetsi() { tmp = parseInt(document.getElementById("obrz").style.width, 10) if (tmp < 23) { tmp = parseInt(document.getElementById("obrz").style.width, 10) tmp += 1; document.getElementById("obrz").style.width = tmp + "px"; document.getElementById("obrz").style.height = tmp + "px"; window.setTimeout("zvetsi();", 1); } } function zmensi() { tmp = parseInt(document.getElementById("obrz").style.width, 10) if (tmp > 16) { tmp = parseInt(document.getElementById("obrz").style.width, 10) tmp -= 1; document.getElementById("obrz").style.width = tmp + "px"; document.getElementById("obrz").style.height = tmp + "px"; window.setTimeout("zmensi();", 1); } } </script> </head> <body> <IMG alt="style" ID="obrz" style="width:16px; height:16px;" src="obrazek.gif" border="0" onMouseOver="zvetsi()" onMouseOut="zmensi()"> </body>

4. Návštěvník 9F7456DF 19. 5. 2006 18:33

   Stačí drobná úprava: <head> <script type="text/javascript"> var obr function zvetsi(obr) { pom = obr tmp = parseInt(document.getElementById(obr).style.width, 10) if (tmp < 23) { tmp = parseInt(document.getElementById(obr).style.width, 10) tmp += 1; document. getElementById(obr).style.width = tmp + "px"; document.getElementById(obr).style.height = tmp + "px"; window.setTimeout("zvetsi(pom);", 1); } } function zmensi(obr) { pom = obr tmp = parseInt(document.getElementById(obr).style.width, 10) if (tmp > 16) { tmp = parseInt(document.getElementById(obr).style.width, 10) tmp -= 1; document.getElementById(obr).style.width = tmp + "px"; document.getElementById(obr).style.height = tmp + "px"; window.setTimeout("zmensi(pom);", 1); } } </script> </head> <body> <IMG alt="style" ID="obrz1" style="width:16px; height:16px;" src="obrazek.gif" border="0" onMouseOver="zvetsi('obrz1')" onMouseOut="zmensi('obrz1')"> <IMG alt="style" ID="obrz2" style="width:16px; height:16px;" src="obrazek2.gif" border="0" onMouseOver="zvetsi('obrz2')" onMouseOut="zmensi('obrz2')"> </body>

5. Návštěvník 249BA526 22. 5. 2006 19:36

   <HTML>flash</HTML>

← Zpět na všechna témata