Jag har en bild i ett osynligt lager. När muspekaren är inom en radie av t.ex. 100 pixlar från bilden vill jag att bilden skall bli mer och mer synlig. När muspekaren står rätt över bilden skall den alltså vara helt synlig.
Någon duktig person som skulle kunna stå till tjänst med detta???
------------------
// Fredriksson
Det var kanske lite svårt...eller också så går det kanske inte.
Men att få ett lager att bara fada fram när en sida laddas skall gå ialla fall.
Nån som vet hur...???
------------------
// Fredriksson
JohnsenMedlem sedan juli 2000836 inlägg Vad jag vet så går det inte att göra ett lager genomskinligt i Netscape och jag är personligen emot att använda lösningar som inte fungerar i minst de båda stora(IE & NN).
Men din fråga handlade inte om browsermoral, så...
Detta funkar i IE:
<script type="text/javascript" language="JavaScript">
<!--
onload=op;
var n = 0;
function op(){
if(document.all){ // Explorer
if (n == 100){return;}
else{
document.all("lagret").style.filter="Alpha(Opacity="+n+")";
n+=1;
setTimeout("op()",50);
}
}
}
//-->
</script>
/ J
Det var ju synd att det inte funkar i NS men tack ändå.
Du har möjligtvis inte en lösning på min första fråga också???
------------------
// Fredriksson
JohnsenMedlem sedan juli 2000836 inlägg Nä, eftersom det bara funkar i IE.
Men du kan ju pröva dig fram.
Du kan ju kolla var musen befinner sig (x & y) och ge lagret olika genomskinlighet utefter det.
document.onmousemove = po;
function po(){
if(document.all){ // Explorer
var x = event.x+document.body.scrollLeft
var y = event.y+document.body.scrollTop
if(x>100 && x<200 && y>100 && y<200)
{document.all("lagret").style.filter="Alpha(Opacity=50)";}
else if(x>10 && x<100 && y>10 && y<100)
{document.all("lagret").style.filter="Alpha(Opacity=90)";}
else{document.all("pix").style.filter="Alpha(Opacity=0)";}
}
}
OBS! Bara i IE (Jag tycker INTE om det)
/ J