Hej.
Jeg selv bruger et JavaScript, som lyser et billede op vhj. af "opacity".
Men faktisk lyser det IKKE billedet op, men billedet fremstår som gråtonet og neddæmpet, og når man så fører cursoren hen over, "lyser" billedet op til sådan som billedet normalt ser ud.
Er det noget som kan løse dit problem?
Hej Masterowner!
Det her script kan modificeres som du har lyst:
Placer følgende i mellem <head></head>
<script>
nereidFadeObjects = new Object();
nereidFadeTimers = new Object();
/* object - image to be faded (actual object, not name);
* destop - destination transparency level (ie 80, for mostly solid)
* rate - time in milliseconds between trasparency changes (best under 100)
* delta - amount of change each time (ie 5, for 5% change in transparency)
*/
function nereidFade(object, destOp, rate, delta){
if (!document.all)
return
if (object != "[object]"){ //do this so I can take a string too
setTimeout("nereidFade("+object+","+destOp+","+rate+","+delta+")",0);
return;
}
clearTimeout(nereidFadeTimers[object.sourceIndex]);
diff = destOp-object.filters.alpha.opacity;
direction = 1;
if (object.filters.alpha.opacity > destOp){
direction = -1;
}
delta=Math.min(direction*diff,delta);
object.filters.alpha.opacity+=direction*delta;
if (object.filters.alpha.opacity != destOp){
nereidFadeObjects[object.sourceIndex]=object;
nereidFadeTimers[object.sourceIndex]=setTimeout("nereidFade(nereidFadeObjects["+object.sourceIndex+"],"+destOp+","+rate+","+delta+")",rate);
}
}
</script>
Når du har et billede skal du endvidere skrive følge: (eksemplet er inkl. billedesti:
<img border="0" src="gfx/billede.jpg" width="150" height="150" style="filter:alpha(opacity=60)" onmouseover="nereidFade(this,100,70,3)" onmouseout="nereidFade(this,60,50,3)">
Opacity=60 (angiver hvor transparent billedet skal være fra starten)
onmouseover (angiver hvordan billedet skal være når du holdes over billedet)
onmouseout (angiver hvordan billedet skal være, når det er default)
Håber du kan bruge svaret :)