Bild anzeigen bei Mouseover

[lebus]

Hallo Miteinander,

bin schon schier am Verzweifeln, da ich es nicht gebacken bekomme.
:icon_troest:

Siehe hier der Thread in einem anderen Forum:

http://www.tutorials.de/forum/javascript...eigen.html

Das ist auch meine Vorstellung, ich würde es gerne auf meiner Seite einbauen
um die kleinen Vorschaubilder mit Mousover zu vergrößern.

Siehe hier:
http://www.grafix-4you.de/seite/galerie_collagen.html

Da ich die kleinen Bilder im Dreamweaver verkleinert habe (also nicht Originalgröße und dann mit einem Hotspot verlinkt, weiß ich nun nicht wie ich einen versteckten DIV Container hinbastel, um dann das Bild nach darüberfahren mit Mauszeiger anzeigen zu lassen.

Ich stoße hier an meine Grenzen, fällt Euch etwas ein.

Liebe Grüße
Ina ;-)

[Helmut]

Hi,

sowas wirst Su wohl suchen.
http://www.juergens-workshops.de/board/s...ostcount=2

Oder nutze die Tooltip Library von http://www.walterzorn.de/tooltip/tooltip.htm

Geht sehr gut.

Cu Helmut

[lebus]

Vielen Dank für den Tip, aber das hatten wir unlängst schon einmal, man müßte eine extra Software installieren.

Es gibt die Möglichkeit einen versteckten DIV Container zu erstellen mit dem vergrößerten Bild, dieser wird erst nach Mouseover aktiviert und sichtbar.

So geht es aber die Umsetzung happert, da ich die kleinen Bilder nicht direkt sondern mit Hotspotz verlinkt habe.

P.S. der normale Mouseover geht anscheinend auch nur mit Bildern gleicher Größe, habe ich auch schon herumprobiert.

Liebe Grüße Ina

[Sascha]

Hallo lebus,

hast Du für Dein Problem schon eine Lösung gefunden? Ich suche etwas ähnliches.

Folgende HP-Seite habe ich mir vorgestellt.
Links in einer Spalte (DIV-Container) das Menü. Darüber in einer eigenen Spalte, die Möglichkeit ein Bild anzuzeigen. Beim HP-Start soll hier das Logo einer Firma angezeigt werden. Wenn ich nun mit der Maus über die Menüpunkte fahre, soll hier für jeden Menüpunkt ein anderes Bild angezeigt werden. Zusätzlich brauche ich für den eigentlichen Inhalt der Seite eine weitere Spalte.

Was mir nun Probleme macht, ist die Sache mit dem Menü und den Bildern. Das Menü ist bereits fertig. Aber wie ich dann die Bilder anzeige, weiß ich nicht.

Vielleicht kannst Du mir ja weiterhelfen.

S.

PS: Die Lösung sollte ohne Java-Script funktionieren.

[Helmut]

Hi,

sieh dich mal hier um, da sollte was für dich dabei sein
http://www.cssplay.co.uk/menu/gallery.html

Cu Helmut

[Sascha]

Jau, die Seite kenne ich schon. Hilft mir aber zur Lösung des Problems nicht wirklich weiter.

Trotzdem Danke

S.

[Helmut]

...es wäre gut wenn Du mal etwas Quellcode posten würdest, oder die betreffende Seite Online stellst damit man sich ein Bild machen kann.

Hilft mir aber zur Lösung des Problems nicht wirklich weiter.

Bitte mal etwas präzisieren...

Cu Helmut

[Sascha]

Quellcode posten lohnt noch nicht. Aber als Vorlage dient mir die Seite http://barrierefrei.e-workers.de/worksho...alten.html. Und zwar das "Drei Spalten"-Layout. Ich möchte, wenn ich mit der Maus über die Menüpunkte fahre, dass in einem der rechten Boxen ein Bild angezeigt wird. Das Bild soll entsprechend des jeweiligen Menüpunktes angezeigt werden.

Das hilft Dir bestimmt weiter.

S.

[Helmut]

Hi,

das mit dem Bilderwechsel ginge nur ohne Javascript wenn Du die Bilder absolut positionierst. Das ist dann genau das was ich hier schon verlinkt hatte http://www.cssplay.co.uk/menu/gallery.html

Da Du aber eine barrierefreie Seite anstrebst, die ja vom Layout her eigentlich flexibel sein soll, geht es nicht ganz ohne Javascript. So weit ist ja CSS nun auch noch nicht.

Mit document.getElementById sollte das vom Javascript Aufwand her wenig Code sein.

Cu Helmut

[Sascha]

Vielen Dank für Deine Antwort Helmut.

S.