Bild mit onmouseover

Beitrag von **Ruebezahl** » 15.02.2007, 13:24

Moin Moin zusammen,

Ich bräuchte mal eure Hilfe. Ich suche ein Script das mir erlaubt ein Bild mit einem onmouseover größer darstellt.

Das größere Bild liegt in einem Container. Dieser sollte mit angezeigt werden. Ich finde aber leider nichts passendes!

Könnt ihr mir da weiterhelfen?

Gruß
Ruebezahl

von **Anzeige von ABAKUS** »

Beitrag von **wuschba** » 15.02.2007, 15:20

Bin mir nicht sicher, ob ich das richtig verstehe, wo Dein Problem liegt. Du mußt doch eigentlich den alten Container ausblenden und den neuen einblenden:

document.getElementById("alter_container").style.display = "block";
document.getElementById("neuer_container").style.display = "none";

Beitrag von **Ruebezahl** » 15.02.2007, 16:00

Okay, vileicht habe ich mich unverständlich ausgedrückt.

Also ich habe eine Tabelle in der wie üblich ein Bild dargestellt wird. Wenn ich dann mit der Maus über das Bild fahre, möchte ich gerne das dass Bild über dem eigentlichem kleinen Bild,eingeblendet wird.

Dazu hatte ich mir einen Container erstellt:

<div id="bild_gross"><img src="das_große_bild.jpg"></div>

Die Zuweisung wollte ich dann ungefähr so lösen:

<td><img src="kleines_bild.jpg" onmouseover="<div id="bild_gross"></div></td>

Ich hoffe das habe ich verständlich ausgedrückt?!?!??

Kann da einer helfen?

Beitrag von **Alpinist** » 15.02.2007, 16:12

Dann setz den DIV mit dem großen Bild genau dahin wo Du es haben willst und mach es unsichtbar. Mit dem Mouseover machst Du es über dem kleinen Bild sichtbar. Mit dem Mouseout (auf dem großen Bild!) machst Du es wieder unsichtbar.

Hieraus kannst Du den Code ableiten:
https://de.selfhtml.org/css/eigenschaft ... ierung.htm
https://de.selfhtml.org/javascript/objekte/style.htm

Grüße

Beitrag von **mcravez** » 16.02.2007, 03:35

Hi!

Ich persönlich verwende das hier:
https://www.huddletogether.com/projects/lightbox/

Kann man sehr gut anpassen.

Ich denke es könnte auch klappen, wenn Du es einfach mit onmouseover statt onclick in die IMG-Tags einbaust.

Mfg

cravez

Beitrag von **_player** » 16.02.2007, 09:59

Wie wäre es mit CSS? Also mit hover.

Mache es immer so. So wird es dann auch bei jedem dargestellt auch wenn Java Script deaktiviert ist.

Beitrag von **Ruebezahl** » 16.02.2007, 12:31

Hi,

@mcravez:

Ja die lightbox ist sehr geil, nutze ich aber schon in anderen Teilen meiner Webseite, daher wollte ich etwas anderes einbinden!

@_player:

Kannst du bitte mal ein Beispiel Posten?