Dynamische Grafikbuttons

[raven]

Hallo,
Ich habe ein Problem mit meinem Mouseover Skript, der Browser meldet mir immer folgende Fehlermeldung:
Zeile 15, document.images[...] ist kein Objekt.
Aber ich habe doch nur die Bildnr mit dem Bildobjekt getauscht.


<script language="JavaScript">
Normal1=new Image();
Normal1.src="about.jpg";
Highlight1=new Image();
Highlight1.src="abouta.jpg";
Normal2 =new Image();
Normal2.src="features.jpg";
Highlight2=new Image();
Highlight2.src="features.jpg";

function change(Bildnr,Bildobjekt)
{
document.images[Bildnr].src=Bildobjekt.src;
}

<A href="index.html" onmouseover="change(0,Highlight1); zeigen('about'); message('programing'); return true;" onmouseout="change(Highlight1,0); wech('about')"><IMG src="about.jpg" name="about" border=0 "></a>
<br>
<br>
<A href="features.html" onmouseover="change(0,Highlight2); zeigen('features'); message('www.cytronyc.de'); return true;" onmouseout="change(Highlight2,0); wech('features');" ><IMG src="features.jpg" border=0 name="features" "></a>


Über eine Antwort wäre ich sehr erfreut.

ciao
raven

 

[MichiS]

function change(Bildnr,Bildobjekt) [...]
<A href="index.html" onmouseover="change(0,Highlight1); zeigen('about'); message('programing'); return true;" onmouseout="change(Highlight1,0); wech('about')"><IMG src="about.jpg" name="about" border=0 "></a>

du schreibst beim onmouseout die JS-Angaben in der falschen Reihenfolge.
deine Zeile müßte
-------- snip --------
<A href="index.html" onmouseover="change(0,Highlight1); zeigen('about'); message('programing'); return true;" onmouseout="change(0,Normal1); wech('about')"><IMG src="about.jpg" name="about" border=0 "></a>
----------------------

lauten...

CU
MichiS

 

[Klaus]

hi,

Da fallen mir auf anhieb gleich mehr als 3 Fehler auf.
1.)vieleicht solltest du das Script mal mit einem </script> Aufruf beenden.
2.)der Aufruf change(0 ist nicht richtig,da in deinem Script die Bilder mit Normal1,Normal2 definiert sind.
3.)die Bilder features.jpg werden im Script bei Normal und Highlight gleich definiert also hier wirst du keinen Effekt sehen.
4.)der Aufruf im <a href ist falsch definiert

ich würds so machen und von 0 zählen lassen
hier die Lösung:
<script language="JavaScript">
Normal0=new Image();
Normal0.src="about.jpg";
Highlight0=new Image();
Highlight0.src="abouta.jpg";
Normal1 =new Image();
Normal1.src="features.jpg";
Highlight1=new Image();
Highlight1.src="featuresa.jpg";

function change(Bildnr,Bildobjekt)
{
document.images[Bildnr].src=Bildobjekt.src;
}
</script>

<A href="index.html" onmouseover="change(0,Highlight0)" onmouseout="change(0,Normal0)"><IMG src="about.jpg" border="0"></a>
<br>
<br>
<A href="features.html" onmouseover="change(1,Highlight1)" onmouseout="change(1,Normal1)"><IMG src="features.jpg" border="0"></a>



ciao,
Klaus...

 

[raven]

hi Klaus,

DAnke für deine hilfe, aber ich habe es immer noch nicht hinbekommen.

also das ist der bildwechsel skript:

<script language="JavaScript">
Normal1=new Image();
Normal1.src="about.jpg";
Highlight1=new Image();
Highlight1.src="abouta.jpg";
Normal2 =new Image();
Normal2.src="features.jpg";
Highlight2=new Image();
Highlight2.src="features.jpg";

function change(Bildname,Bildobjekt)
{
document.images[Bildname].src=Bildobjekt.src;
}
</script>

und die bilder werden so aufgerufen:
<A href="index.html" onmouseover="change(Normal1,Highlight1)" onmouseout="change(Highlight1,Normal1)"><IMG src="about.jpg" border="0"></a>
<br>
<br>
<A href="features.html" onmouseover="change(Normal2,Highlight2)" onmouseout="change(Highlight2,Normal2)"><IMG src="features.jpg" border="0"></a>

warum sagt der mir immer noch document.images[..] ist kein Objekt ?

Vielen Dank für eure Mühe.

raven

 

[mo]

hi,
wieviele bilder sind vor den auszutauschenden bildern positioniert?
kannst du uns mal ne URL geben?
ciao,
Michael

 

[Klaus]

hmm

also nehm mal mein Beispiel dann gehts,aber ich werd dir mal auf die Sprünge helfen.

Also im <a href="" definierst du ein change(0 was du für alle Bilder nutzt das geht nicht denk an die zahlenfolge also in deinem Fall Normal1 und Normal2 und der JS definition interpretierst du falsch.

also so sollte es aussehen:
<A href="index.html" onmouseover="change(1,Highlight1)" onmouseout="change(1,Normal1)"><IMG src="about.jpg" border="0"></a>

ciao,
Klaus...