Bei Mouseover Bild und Text an anderer Stelle fest laden

html.de-Forum HTML, XHTML & CSS
1

Hallo zusammen,

bin recht unerfahren mit Html und den Rest auch. Mein Problem ist folgendes, ich habe oben links einen Bereich für ein Bild und Link daneben einen Bereich für den dazugehörigen Text.
Darunter ist ein Bereich mit mehreren Kleinen Bildern.

Jedes mal wenn ich mit der Mouse über ein kleines Bild gehe, sollen oben links (an einer bestimmten Stelle) ein Bild geladen werden und rechts der dazugehörige Text (an einer bestimmten Stelle), wenn ich mit der Mouse vom Bild gehe sollen aber das Bild und der Text bleiben.

Ich bräuchte einen Weg, der in allen Browser geht, danke schon mal für die Hilfe.

mfg Fintera

2

Das geht mit JavaScript. Mit HTML alleine geht es nicht.

<img src="bildgross.jpg" alt="" id="bigpic" /> <a href="#" onmouseover="document.getElementById('bigpic').src = 'neuesbild.jpg';">kleines bild mit mouseover</a>

3

Hallo, so geht es nicht bei mir (der Text : kleines bild mit mousover = ein Link)

es gibt ca 10 kleine Bilder unten, wenn ich mit der Mouse darüber gehe, dan soll an einem Festen Platz (

) ein neues Bild geladen werden und an einer anderen Platz (
) der Text dazu, egal über welchen Bild ich gehe, soll immer wieder neu geladen werden.

Danke für die Hilfe.

mfg Fintera

4

Das geht auch bei dir, aber da ich deinen Quellcode nicht kenne kann ich dir da nicht genauere Tipps geben.

Übrigens sind div’s nur für die Darstellung Bildern falsch eingesetzt. Verwende img-Tags wenn Du Bilder darstellen willst.

5

Geht so nicht, weis nicht was ich falsch mache, woher weis der Quell text, über welchen Bild er ist? 10 verschiedene kleine Bilder, dazu 10 Verschiedene Große Bild mit 10 verschiedenen Texten. Kann ich dir den Quelltext schicken?

mfg fintera

6

Der Quelltext weiß nichts über irgendwelche Positionen oder Bilder. Du musst dem JavaScript schon sagen was es genau machen soll.

Quelltext schicken brauchst Du nicht. Es reicht, wenn Du ihn hier rein postest oder die Seite selbst hier verlinkst.

7

Hier ist der Link, es steht ganz unten im Quelltext.

Die kleine gelbe Fläche ist das Bild, wo man mit der mouse drüber geht und oben links soll das neue Bild und oben recht der neue Text.

RoMi-Allround.de

mfg fintera

8

Joa, da könnte ich eigentlich jetzt nur nochmal meinen Beitrag von oben zitieren. Woran scheitert es für dich denn nun genau? Was hast Du ausprobiert?

9

Ich habe so weit ich es verstanden habe nach deiner Vorlage eingebunden, siehst du ja am Quelltext, mehr habe ich nicht gemacht, wenn man mehr machen sollte, dann weiß ich es nicht.

mfg fintera

10

Ich komm so nicht zu recht, du kannst schließen, ich werde eine andere Lösung suchen, danke

mfg Fintera