bitte dringend Hilfe bei onMouseOver mit verschiedenen Schaltflächen und Bildern

F

ferryferry

Grünschnabel
Brauche bitte Hilfe bei folgendem onMouseOver Problem:


Mein Text besteht aus vier Absätzen die untereinander geschrieben sind.

Bei onMouseOver über den TEXT (!) geht daneben ein Bild auf und zwar so, dass bei Absatz eins und zwei jeweils ein anderes Bild erscheint.

Soweit so gut.

Das gleiche (mit zwei anderen Bildern) soll nun mit Absatz drei und vier möglich sein, aber die Bilder sollen an einer anderen Stelle (als für Absatz eins und zwei) sichtbar werden.

Und meine Frage ist nun, wie dividier ich mein javascript im <head> auseinander, damit sich die beiden Funktionen nicht in die Quere kommen?

So hab ich das bis jetzt gemacht:
<head>
<!--
off1 = new Image();
off1.src = "images/blackk.jpg";
on1 = new Image();
on1.src = "images/keu7k.jpg.";

off2 = new Image();
off2.src = "images/blackk.jpg";
on2 = new Image();
on2.src = "images/keu2k.jpg";

und so weiter ...

</head>

<body>
......
<! hier die schaltfläche -->
<A ONMOUSEOVER="Bildwechsel(altimg,on1)" ONMOUSEOUT="Bildwechsel(altimg,off1)">
.......
<!-- hier die fotos rein -->
<img HEIGHT=208 WIDTH=138 SRC="images/blackk.jpg" BORDER=0 name="altimg">
......
</body>

das gleiche jetzt für den dritten und vierten Absatz und das ganze natürlich zusammen auf einer Seite. Kann mir das jemand mal kurz erklären?

Mir raucht schon der Kopf …
:(
 
Hallo!

Also, ich versteh' nicht so ganz, wo das Problem liegt.
Du willst, dass die Bilder bei den letzten Absätzen an einer anderen Position sind, als die Bilder, bei den ersten beiden Absätzen?!
Aber das ist doch sowieso der Fall, da du doch die <img>-Tags an die entspr. Position setzt
Hab' ich da irgendwas nicht richtig verstanden?!
 
Aber wenn ich den <img>Tag an zwei Stellen einbaue, dann geht gar nichts mehr.

Ich stell mir das so vor, dass die Zuordnung im <head> dann nicht mehr weiß, wo sie die Bilder wechseln soll. Und da dachte ich, dass man die Funktion vielleicht erweitern kann. Aber da bin ich irgendwie zu doof zu ;)
 
?!
Wieso sollte die Funktion nicht mehr wissen, welches Bild du meinst?!
Du sprichst das Bild doch mit

document.images[nummerdesbildes].src = neuerpfad;

oder

document.bildname.src = neuerpfad;

an.
Also frag' ich mich, wie die Funktion da großartig durcheinander kommt?!
Könntest du evtl. mal die Funktion posten?
Dein Codeschnipsel da oben hilft ja auch nicht viel weiter.
 
Ja welches Bild die nehmen soll, weiß die Funktion natürlich. Aber wohin die das tun soll, weiß die dann (wohl) nicht mehr. Denn nun habe ich ja zwei Felder, wo die die Bilder hinlegen kann, denn die selbe Zeile der Zuordnung hab ich im <body> natürlich zweimal geschrieben, nämlich immer an der Stelle, wo erst die ersten beiden Bilder kommen sollen, und dann noch an die Stelle, wo die zweiten beiden Bilder gezeigt werden sollen - und DAS geht dann eben nicht mehr. Verstehste? Und ich Dummi weiß nun nicht, wie ich ihm oben sagen soll, dass er dieselbe Funktion zweimal ausführen soll. Nämlich mit Bild 1+2 im ersten Tabellenfeld und Bild 3+4 im darunterliegenden...

puh, ich glaube, jetzt hab ich dich völlig durcheinander gebracht ... Tschuldigung.

Und wieso 'Schnipsel"? Das ist alles! Nur noch'n bisschen Text, n'paar <table> und Schluss. Und mit einem Tabellenfeld es ja auch ganz prima. Nur, wenn ich die zweite Zeile für das zweite Feld einbaue, dann isses hin. ohjeh.



:-( :-( :-( :-(
 
Du hast recht!
Jetzt hast du mich ganz verwirrt!
Folgendes ist mir unklar:
1. Welche Bilder werden wann in welchen Tags zu welchen Bildern geändert?
2. Deine Begriffe sind ein bisschen unverständlich!
3. Wie kann das (da oben) der ganze Quelltext sein, wenn da sogar die Funktion 'Bildwechsel()' fehlt?

Ich poste hier mal 'nen Code, wie ich meine, dass das so passieren soll.
Das Ganze kannst du hier in Aktion sehen.

Code: 
<html>
<script type="text/javascript">
off = new Image(); off.src="images/blackk.jpg"; 
on = new Array ();
on[0] = new Image(); on[0].src="images/t.jpg";
on[1] = new Image(); on[1].src="images/e.jpg";
on[2] = new Image(); on[2].src="images/s.jpg";
on[3] = new Image(); on[3].src="images/t.jpg";

function change (stat)
{
	for (i=0;i<4;i++)
	{
		if (stat=="on")
			document.images[i].src = on[i].src;
		else
			document.images[i].src = off.src;
	}
}
</script>
<body>
<p><a onmouseover="change('on')" onmouseout="change('off')" href="javascript:void(0)">test</a></p>
<p><img src="images/blackk.jpg" name="altimg1" /></p>
<p><img src="images/blackk.jpg" name="altimg2" /></p>
<p><img src="images/blackk.jpg" name="altimg3" /></p>
<P><img src="images/blackk.jpg" name="altimg4" /></p>
</body>
</html>
 
ROOTSSW du GOTT!

Das ist wirlich cool, was du da gemacht hast ... und schon fast so wie ich es wollte :-)

jetzt das ganze nur noch mit ZWEI Textstellen zum onMouseOver

die an die selben Stellen (wie die T E S T Bildchen) vier andere Bilder machen. dann ist es das.
 
Was verstehst du unter "ZWEI Textstellen zum onMouseOver die an die selben Stellen (wie die T E S T Bildchen) vier andere Bilder machen"?

Mit Textstellen meinst du sicher JS-Code?!
Aber wie meinst du das mit den 4 anderen Bildern machen?!
Sollen da 4 zusätzliche Bilder hinein?!
Oder, ich kann ja schlecht bei jedem onmouseover 4 verschiedene Bilder gleichzeitig wechseln lassen (bei dem selben <img>-Tag) - würde man ja nichtmal richtig sehen.
Oder soll das "T E S T" einfach nur gegen andere Bilder ausgetauscht werden?!
 
also so:


blablablabla-1

(wenn ich mit der maus hier drüber gehe, dann kommen vier bilder - so hast du das ja schon gemacht)

und jetzt noch dazu:


blablabla-2

(wenn man hier mit der maus drüber geht, dann sollen vier andere bilder als bei 1 kommen - aber eben an den gleichen Stellen wie die ersten bilder; also das erste von 2 da wo eben noch das bildchen von 1 war und so weiter und der onMouseout ist eben immer derselbe, nämlich schwarz. )
 
AAAAAHHHHH!

Das ist eine Beschreibung, mit der ich etwas anfangen kann!
Hab's auch gleich wieder umgesetzt.
Das Ergebnis siehst du dann wieder hier .

Den Quelltext kannst du dir ja anzeigen lassen, dann brauch ich den nicht nochmal zu posten.
 
Um antworten zu können musst du eingeloggt sein.

Neue Beiträge

Zurück