| Autor | Zpráva | ||
|---|---|---|---|
| trava Profil |
#1 · Zasláno: 26. 11. 2008, 11:11:06 · Upravil/a: trava
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 |
#2 · Zasláno: 26. 11. 2008, 15:14:20
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> |
||
|
Časová prodleva: 1 měsíc
|
|||
| regy Profil |
#3 · Zasláno: 28. 12. 2008, 17:18:47
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 |
#4 · Zasláno: 28. 12. 2008, 17:28:33
Jo ještě něco. Příště dej prosím ten kód do pre.
|
||
|
Časová prodleva: 15 let
|
|||
0