Autor Zpráva
sequencer
Profil *
potřeboval bych poradit, jesli se da v html nejakym zpusobem zajistit, aby obrazek po najeti kurzoru POSTUPNĚ zmizel až na 100% transparent. díky
Railbot
Profil
V HTML a CSS nijak. Vidím to spíš na nějaký gif a javascript.
Nox
Profil
De to přes javascript, parametr opacity je nevalidní, ale co už...nějak takhle

<img src="něco.jpg" onmouseover="akce=setInterval('Transp('pict',-1)',10)" onmouseout="akce=setInterval('Transp('pict',1)',10)" style="opacity:1"> za 10 si dej co chceš, měníš si tak rychlost

JS

function Transp(idecko,zmena){
var op=document.getElementById(idecko).style.opacity;
op+=(zmena/100);

if((op==0 && zmena==(-1)) or (op==1 && zmena==1)){clearInterval(akce);}
/* tadle podmínka by možná šla napsat líp */
}
Nox
Profil
GIF to být nemusí, ani to nemusí být obrázek, toto funguje na skoro jakoukoli část webu...třeba divy atp.
sequencer
Profil *
zkusil sem to, cos mi poradil, ten script, a nefaka mi
Nox
Profil
Jestli máš Internet Explorer tak ti to nepojede...sem zapomněl dodat
A jestli ne...nemáš náhodou firefox s DOM inspektorem - co ti píše?
Nox
Profil
Další tip:

<script type="text/javascript>
function Set(idecko,zmena){
akce=setInterval('Transp(idecko,zmena)',10);
}

function Transp(idecko,zmena){
document.getElementById(idecko).style.opacity+=(zmena/100);

if((document.getElementById(idecko).style.opacity==0 && zmena==(-1)) || (document.getElementById(idecko).style.opacity==1 && zmena==1)){clearInterval(akce);}
}
</script>

<img src="něco.jpg" onmouseover="Set('pict',-1)" onmouseout="Set('pict',1)" style="opacity:1">
sequencer
Profil *
pouzivam operu 9.21, ten 2 script nefaka taky, obrazek se stahne, ale nezobrazi
Nox
Profil
Jako když k tomu připíšeš

onmouseover="Set('pict',-1)" onmouseout="Set('pict',1)" style="opacity:1"

tak se to nezobrazí vůbec? To je dobrá blbost:)...sakra...to není možný:)

Anebo jen nefunguje ten skript?
sequencer
Profil *
ten 1. aspoň zobrazil obrazek
Nox
Profil
No ale to je pak chyba u tebe, protože ty kódy na prvotní zobrazení obrázku jsou stejný...
Nox
Profil
Teď jsem to zkoušel...ten 2. taky zobrazí obrázek
Nox
Profil
Tak už to mám - je to funkční, ozkoušené


<img src="něco.jpg" id="pict" style="opacity:1"
onmouseover="TranspIni('pict',-1)" onmouseout="TranspIni('pict',1)">

<script type="text/javascript">
var idecko;
var dir;
function TranspIni(id,zmena){
idecko=id;
dir=zmena;
akce=setInterval("Transp()",4);
}

function Transp(){
document.getElementById(idecko).style.opacity-=(-1)*(dir/100);
if((document.getElementById(idecko).style.opacity==0 && dir==(-1)) | (document.getElementById(idecko).style.opacity==1 && dir==1)){clearInterval(akce);}
}
</script>
sequencer
Profil *
HEJ BRÁCHO, TO JE ONO!!!

hraheš online hry??? a říká ti něco hra HALO???
anonymík
Profil *
mne nie.yale povedz kde to je.zahrajem si.pls.
sequencer
Profil *
ja tvorim
anonymík
Profil *
čo tvoris?tu hru?
sequencer
Profil *
jo, halogame.tym.cz, zatim nic moc

Vaše odpověď

Mohlo by se hodit

Odkud se sem odkazuje


Prosím používejte diakritiku a interpunkci.

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

0