Autor Zpráva
trava
Profil
Ahoj, chci se zeptat ... moc mi nejde časování :
chci prolínat obrázky ala Flash jak to někdo chtěl jinde v diskuzy ... to mi zatím funguje pro Moz
principem je smycka kde menim pruhlednost zatim jenodho obrazku od 100 nebo 1 po finalni 0

ALE rad bych tam mel casovou prodlevu, protoze mi to udela rychle a ztrati se tak ten efekt
myslel jsem , ze tam dam setTimeout("nic()", 2000); ale pravdepodobne cyklus probehne a neceka
/ve finale bych pak nalepil dva obrazky na sebe a daval pruhlednost spodnimu + a hornimu - /


<html>
<script language="JavaScript" type="text/javascript">

function nic(){ };

function zpruhledni(index){
id = index; i = 100; var input = document.getElementById(id);

while ( i != 50){
i = i - 10;
mozI = i / 100;
input.style.MozOpacity = mozI;
input.style.filter = "alpha(opacity="+ i +")";
setTimeout("nic()", 2000);
}

};

</script>

<body>
<img src="img/1.gif" id="obrazek" WIDTH=320 HEIGHT=240 ALT="Fotogalerie" onmouseOver="zpruhledni('obrazek')">
</body>
</html>
trava
Profil
dal jsem tam :window.setInterval( zpruhledni(id), 2000);
ale udela mi to blik a obrazek je v mziku pruhledny tedy neviditelny neo-li zmizi :)
znamena to , ze je nekde v nastaveni .Intervalu chyba ... nemuzes mi na to zbezne mrknout prosim.. uz jsem z toho uplanej mamlas jak do toho cumim a nic ...

<html>
<script>
var i = 100;
var k = 1;

//window.setInterval("window.focus();alert('Baf!');", 10 * 1000);

function zpruhledni(index){
id = index; input = document.getElementById(id);
i = i - 10;
mozI = i / 100;
input.style.MozOpacity = mozI;
//input.style.filter = "alpha(opacity="+ i +")";
if ( k != 10 ){ k++; abc = window.setInterval( zpruhledni(id), 2000); }
clearTimeout( abc );
};
</script>

<body>
<img src="img/1.gif" id="obrazek" WIDTH=320 HEIGHT=240 ALT="Fotogalerie" onmouseOver="zpruhledni('obrazek')">
</body>
</html>
regy
Profil
Už jsem to vyřešil. Bohužel to zatím funguje pouze ve Firefoxu. S ostatními prohlížeči by sis musel pohrát. Jak to vypadá najdeš na http://priklady.kablik.cz/prolinani/.
Zdroják zde:
<script language="JavaScript" type="text/javascript">
function zmizet() {
 var img = 'obrazek';
 var i = document.getElementById(img).style.MozOpacity - 0.01;
 var iei = i * 100;
 document.getElementById(img).style.MozOpacity = i;
 document.getElementById(img).style.filter = "alpha(opacity="+ iei +")";
 document.getElementById("kontrola").innerHTML = i;
 if(document.getElementById(img).style.MozOpacity <= 0) {
  clearInterval(zmizeni);
 }
}

function zobrazit() {

 var img = 'obrazek';
 var i = Number(document.getElementById(img).style.MozOpacity) + 0.01;
 var iei = i * 100;
 document.getElementById(img).style.MozOpacity = i;
 document.getElementById(img).style.filter = "alpha(opacity="+ iei +")";
 document.getElementById("kontrola").innerHTML = i;
 if(document.getElementById(img).style.MozOpacity >= 1)
  clearInterval(zobrazeni);
}

function full(x) {
 if(x == "skryt")
  zmizeni = setInterval("zmizet()", 10);
 if(x == "zobraz")
  zobrazeni = setInterval("zobrazit()", 10);
}
</script>

 <img src="http://www.kablik.cz/beta/img/head.PNG" id="obrazek" ALT="100" style='opacity: 1'>
 <br>
 <button onclick="full('skryt');">Skryj</button>
 <button onclick="full('zobraz');">Zobraz</button>
 <b>Hodnota Průhlednosti:</b> <span id='kontrola'>1</span>
regy
Profil
Jo ještě něco. Příště dej prosím ten kód do pre.

Vaše odpověď

Mohlo by se hodit

Neumíte-li správně určit příčinu chyby, vkládejte odkazy na živé ukázky.
Užíváte-li nějakou cizí knihovnu, ukažte odpovídajícím, kde jste ji vzali.

Užitečné odkazy:

Prosím používejte diakritiku a interpunkci.

Ochrana proti spamu. Napište prosím číslo dvě-sta čtyřicet-sedm: