Pozvolné zvětšování objektu
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>
<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>
Dodatek. Zkoušel jsem to na obrázku 13x16 pixelu. Pro 16x16 si změň width v tagu IMG.
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>
<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>
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>
<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>
<HTML>flash</HTML>
Nové příspěvky
Nejde publikovat příspěvek
CRON -y
Kolik Vám je ???
Odkaz na zvýraznění
WordPress
SEO - sneakerland.sk
Seifertova báseň Chlapec a hvězdy
konec stránek
Vše dobře, ale nefunguje web...
Různé verze vlastních stránek
Platby
CloudFare
Pozastavení webu
Java Web Start
Kolik webů si smím vytvořit zdarma?
Linkbuilding
Převod webu z jiného webhostingu
Podpůrné prostředky při práci
Vyhledávání stránek na WordPressu
galerie pro webdesignery
Co komu chybí?
Notebook, TFT displej
Noty ke stažení
OU JEEE, FCK IE!
Problém s instalací WordPress ( z nabídky )
Další témata
STATUS
FTP
HTTP
SQL
PHP
© 2002 - 2026 Web zdarma s.r.o. — zvládnete to sami