webForumDet fria alternativet

Fadening i lager

4 svar · 188 visningar · startad av Fredriksson

FredrikssonMedlem sedan nov. 2000319 inlägg
#1

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

FredrikssonMedlem sedan nov. 2000319 inlägg
#2

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
#3

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

FredrikssonMedlem sedan nov. 2000319 inlägg
#4

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
#5

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

257 ms totalt · 3 externa anrop · v20260731065814-full.30151723
130 ms — hämta forumlista (db)
124 ms — hämta statistik (db)
127 ms — hämta tråd, inlägg och bilagor (db)