nicht angemeldet
Hover auf oder über Text und anderes bild ändert sich
Hallo Ihr schlauen Köpfe,
ich hab ein Problem. Ich suche seit Tagen im I-Net nach einer Lösung und bin jetzt soweit dass ich euch jetzt hier frage.
Ich habe eine Tabelle mit 2 Zeilen. In der 1. Zeile gibt es 3 Spalten mit jeweils einem Text bzw. Link. Wenn ich über einen dieser Links gehe oder drauf bleibe, soll sich in der 2. Zeile Ein Vorhandenes Bild ändern jenachdem auf welchen Link ich gehe. Das Anfangsbild in der 2. Zeile ist auch das Bild zu Link 1. Die 3 Bilder sollten dann natürlich auch noch mit Links versehen sein. Auch wieder jeweils ein anderer Link. Und wenn Ihr das gepackt habt, frage ich Euch ob man das auch Zeitlich steuertn kann. Also alle 5 sek das nächste Bild mit jeweiligem link.
Ich hab schon ein paar Ansätze gefunden alles zusammen aber nicht. Außerdem bin ich nicht sooo begabt mit Javascrpt. Nur das bisschen Dreamweaver "Word" liegt mit :P.
Also schonmal vielen dank an euch!!!
-
Hallo Ihr schlauen Köpfe,
Ich habe eine Tabelle mit 2 Zeilen. In der 1. Zeile gibt es 3 Spalten mit jeweils einem Text bzw. Link.
Soweit klar.
Wenn ich über einen dieser Links gehe oder drauf bleibe,
Du meinst draufzeigen ohne zu klicken, also hover, richtig?
soll sich in der 2. Zeile Ein Vorhandenes Bild ändern, je nachdem auf welchen Link ich gehe.
Die zweite Zeile hat also nur eine Spalte und darin ist ein einziges Bild, richtig?
Die 3 Bilder sollten dann natürlich auch noch mit Links versehen sein. Auch wieder jeweils ein anderer Link.
Wenn ein Bild mit seinem Link nur erscheint, während man in der ersten Zeile wohin zeigt, dann kann man nie auf das entprechende Bild klicken, weil es ja wieder verschwindet, sobald man die erste Zeile mit der Maus verlässt.
Du willst also, dass das Bild stehen bleibt, auch wenn man anschließend woanders hin zeigt, zum Beispiel auf das Bild selber, um es vielleicht anzuklicken, richtig?Und wenn Ihr das gepackt habt,
Du meinst, wenn *du* das gepackt hast
frage ich Euch ob man das auch Zeitlich steuern kann. Also alle 5 sek das nächste Bild mit jeweiligem link.
Ohne irgendwo hin zu zeigen, oder wie oder was...?
Ich hab schon ein paar Ansätze gefunden
Willst sie aber nicht zeigen, warum nicht? Du machst es nur unnötig schwer. Zeig mal, was du bereits hast, dann kann man besser Tipps geben.
Außerdem bin ich nicht sooo begabt mit Javascript.
Wo ein Wille ist, ist auch ein Gebüsch, äh Weg.
Gruß, Don P
-
Hey,
erstmal danke für die schnelle Antwort. Du hast mich richtig verstanden. Meine einziges Beispiel was ich so jetzt hab ist das http://de.selfhtml.org/javascript/beispiele/buttons.htm . Ich kann mir da aber nicht so wirklich was Basteln weil mir das Grundgerüst bzw mein roter faden nicht so klar is.
Jerome
-
Hallo,
Meine einziges Beispiel was ich so jetzt hab ist das http://de.selfhtml.org/javascript/beispiele/buttons.htm
Das ist ein SELFHTML-Beispiel zu hover und Buttons, ok.
Ich kann mir da aber nicht so wirklich was Basteln weil mir das Grundgerüst bzw mein roter faden nicht so klar is.
Oje, du hast also noch nicht mal deine Tabelle gebaut, geschweige denn die Links drin oder weigstens eines der Bilder mit Link reingebastelt. Anscheinend hast du null Ahnung sowohl von HTML als auch von JavaScript und weisst auch nicht recht, was du eigentlich basteln willst. Das ist dann leider zu wenig. Da kann ich dir auch nicht helfen, sorry.
Du solltest zuerst mal deine Tabelle mit Zeilen und Spalten erstellen. Wenn du nicht weißt wie, such unter "Tabelle" oder "table" in SELFHTML. Dann setze die Links rein und das Bild. Wie das geht, steht auch in SELFHTML.
Bevor das erledigt ist, brauchst du dir über CSS (hover) und JavaScript keine Gedanken zu machen.
Gruß, Don P
-
Hallo,
klick............ Ich zeige dir mal was ich bis jetzt habe. Also Grundgerüst steht. Hatte es falsch verstanden......
<body bgcolor="#E6E6EB">
<table width="100%" height="100%" border="0">
<tr>
<td align="center" valign="middle"><table width="750" border="0" cellpadding="0" cellspacing="0">
<tr>
<td width="750" height="90" colspan="3"><img src="images/logo.jpg" width="750" height="90"></td>
</tr>
<tr>
<td bgcolor="#999999" width="250" height="20" align="center" valign="middle"><a href="index_1.html"><strong>Link1</strong></a></td>
<td bgcolor="#999999" width="250" height="20" align="center" valign="middle"><a href="index_2.html"><strong>Link2</strong></a></td>
<td bgcolor="#999999" width="250" height="20" align="center" valign="middle"><a href="index_3.html"><strong>Link3</strong></a></td>
</tr>
<tr>
<td height="260" colspan="3" bgcolor="#FFFFFF"><img src="images/link1.jpg" width="750" height="260"></td>
</tr>
<tr>
<td colspan="3" bgcolor="#999999"> </td>
</tr>
</table></td>
</tr>
</table>
</body>Hoffe du kannst damit mehr Anfangen.
-
Ahso was ich noch vergessen hab. Wenn man dann auf Link1, Link2 oder Link3 geht soll sich link1.jpg ändern. Wenn es eben geht nach 5 sek immer weiterspringen.
-
Ok, du hast ja das hier gelesen. In der Erläuterung dort ist ziemlich genau beschrieben, wie man vorgehen muss, wenn verschiedene Bilder an gleicher Stelle einblenden will, z.B. beim Überfahren mit der Maus.
1. Für jedes Bild ein image-Objekt erzeugen.
2. Eine Funktion namens "Bildwechsel" oder ähnlich definieren (kann zunächst leer sein oder nichts machen).
3. Die Eventhandler onmouseover und onmouseout bei den Verweisen notieren, damit diese Bildwechsel-Funktion arbeitet, wenn man über einen Link fährt.Wo genau ist jetzt dein Problem oder was verstehst du nicht?
Gruß, Don P
-
-
-
-
-
Ahso was ich noch vergessen hab. Wenn ich dann auf link1 oder 2 sowie 3 gehe, dann ändert sich link1.jpg bzw. soll sich ändern.
-
hi,
hab es jetzt soweit. Was ich nicht verstehe ist, wie ich angebe wo der bildwechsel passiert also wo sich die bilder ändern. Jetzt wechseln die bilder außerhalb der tabelle mit nem anderen logo. Muss ich da ids oder namen vergeben? Und wie kann ich den zeitgesteuerten bildwechsel machen?