webForumDet fria alternativet

Fadening i lager

JavaScript

4 svar · 188 visningar · startad av Fredriksson

Medlem sedan nov. 2000319 inlägg
Frågan#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

Medlem 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

Medlem 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

Medlem 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

Medlem 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

266 ms totalt · 4 externa anrop · v20260731065814-full.6fe65c25
125 ms — deklarationer (db)
0 ms — hämta statistik (cache)
137 ms — hämta tråd, inlägg och bilagor (db)
125 ms — ändringar (db)