Bild grau/farbig innerhalb eines Bereiches

[Stefan R.]

hallo,

wie kann ich folgendes machen:

ich hab eijn farbiges bild. Nun soll, wenn man über einen Link fährt ein bestimmter Bereich des Bildes farbig bleiben, der rest grau werden.

Vielen Dank
Stefan

[Matthias Binninger]

Hi

a) Du machts für jeden Link ein eigenes Bild (mit dem grauen Bereich) und wechselst das per
onMouseOver
und
onMouseOut
jedesmal hin und her, oder
b) du zerlegst das Bild in kleine Stückchen (per Tabelle anordnen) und wechselst nur den Bereich aus der sich ändern soll.

Man könnte das (hier um das ganze Bild zu wechseln) z.B. so lösen:
Im Head-Bereich folgendes Script:

<SCRIPT LANGUAGE="JavaScript">
<!--
var smallImage=new MakeImageArray(7);
smallImage[0].src='logobin.gif';
smallImage[1].src='schalebx.gif';
smallImage[2].src='kupplubx.gif';
smallImage[3].src='fragenbx.gif';
smallImage[4].src='aunivebx.jpg';
smallImage[5].src='trasitbx.jpg';
smallImage[6].src='trailbbx.gif';

function MakeImageArray(n)
{
this.length = n;
for (var i = 0; i<=n; i++)
{
this[i] = new Image();
}
return this;
}
function smallImageSwap(num)
{
document.WechselBild.src=smallImage[num].src;
}
function mouseOut()
{
document.WechselBild.src=smallImage[0].src;
}
//-->
</SCRIPT>

In jeden Link fügst du dann noch das hier ein:

onMouseOver='smallImageSwap(5);' onMouseOut='mouseOut();'

und in das zu ändernde Bild

<IMG SRC="irgendwas.jpg" NAME="WechselBild" ...

Man kann so ganz komfortabe oben im Array die Bilder reinschreiben (das mit der 0 ist das Ausgangsbild) und dann per dazugehörige Nummer im Link aufrufen.

Willst du mehrere kleine Bilder machen braucht halt jedes seine eigene NAME=""-Identifikation und der Parameter muss ebenfalls mit dem Link übergeben werden

Eine möglichkeit das Bild dynamisch auf grauwerte umzuändern dürfte es leider nicht geben.

Ich hoffe ich konnte helfen
  Matthias

[Matti Maekitalo]

use Mosche;

ich hab eijn farbiges bild. Nun soll, wenn man über einen Link fährt ein bestimmter Bereich des Bildes farbig bleiben, der rest grau werden.

Das geht nicht. Außer du benutzt Flash oder sowas (wovon ich abraten würde).

use Tschoe qw(Matti);