Ist das mit Rollover-Funktion möglich?!

[Floethe]

Guten Morgen!

Ich bin es mal wieder, beim letzten Mal habt Ihr mir auch so schnell geholfen deshalb wende ich mich mal wieder an Euch.

Also, ich habe folgendes vor:

Ich habe links auf meiner Seite Stichwörter (Beispiel: Produkt1; Produkt2 usw.), jetzt möchte ich gerne, wenn ich auf eines dieser Stichwörter gehe "Mauseintritt", RECHTS am Rand ein Bild erscheint?!

Wie ist das möglich?!?


Gruß

Floethe

[UweB]

Hallo Floethe,
da hatte ich vor einiger Zeit mal ein Beispiel gemacht:
Beispiel
Das ganze funktioniert ohne Javascript, also ohne GoLive-Aktionen.
Wenn der Link eine Grafik enthalrten soll, muss diese, wie im Beispiel, als Hintergrundgrafik geladen werden (background-image).
Die festgelegte, aber nicht sichtbare Hintergrundfarbe, war, meine ich, wegen eines Browserfehlers (IE) nötig. Der normale Link und :hover (Maus ist über Link) müssen also eine andere Farbe haben. Das lässt sich sicherlich auch anders lösen.
Wichtig ist, dass die im Link enthaltene Grafik, zunächst unsichtbar ist (hier mit height: 0; weidth:0 gelöst).
Mit Mauseintritt bekommt sie erstens ihre "richtige" Größe zugewiesen, und zweitens eine absolute Position ( im Beispiel ...position: absolute; top: 190px;...).

Sieh dir bitte den Quellcode der Seite an. Und stelle weiter Fragen...

Gruß
Uwe

[Floethe]

Danke, für den Tip...

ABER irgendwie sehr kompliziert, bekomme das nicht wirklich hin!!! :-(

Noch ne andere Idee????

[UweB]

Was ist denn kompliziert?
Ich helfe dir ja gerne weiter. Nur muss ich wissen, was du nicht verstehst.

Gruß
Uwe

[Floethe]

Wie gesagt!

Ich habe links den Text "Produkt 1" stehen, wie soll ich denn jetzt das Hintergrundbild für den text erstellen?! Oder anders gesagt, ich verstehe das nicht, wie du das geschrieben hast... ;-))))

[UweB]

Ein Hintergrundbild kannst, musst du aber nicht benutzen.
Hast du dir denn den Quelltext der Seite angesehen?

[Mortis]

Kleine Frage zum Beispiel:

Wie kann man die Bilder beim Seite-Öfnnen vorausladen lassen? Sonst ist ja das Kästchen beim Drüberfahren leer, bis es geladen ist.

[UweB]

Hallo Mortis,
ohne javascript, fällt mir da nur die Möglichkeit ein, die Bilder ganz unten in der größe von 1x1 Pixel ein weiteres mal einzubinden. ( [url=http://www.indibalou.de/tp/test6b.html]Beispiel[7url] )

Vielleicht gibt es da aber auch noch andere Möglichkeiten?
Sonst halt doch die üblichen javascript Lösungen.

Gruß
Uwe

[Mortis]

Jau, danke. Hab auch durch die Forumsuche rausgefunden, dass man einfach die Bilder mit absoluter Position laden kann und top und left den Wert "-1000px" gibt.
Einige Browser sollen mit Größenangaben von 1x1px nicht klar kommen - außerdem sieht's bei manchen Layouts übel aus.

[UweB]

Ja, das ist sicher der bessere Weg.