Mit "onmouseover" Bild anzeigen?

Hallo zusammen,

DIV align=center
DIV style="MARGIN-LEFT: 1em; WIDTH: 380px"
DIV class=normal
onmouseover="this.innerHTML = ' <br> Was man hier sieht,<br> könnte....usw<br> '"
style="BACKGROUND: darkred; MARGIN-BOTTOM: 0.5em; WIDTH: 380px; COLOR: yellow; HEIGHT: 175px"
onmouseout="this.innerHTML = ''"></DIV

wenn die Maus ueber das Feld faehrt wird wie gewuenscht der Text
angezeigt.
Ich moechte nun aber zusaetzlich, oberhalb des Textes noch ein Bild
(Grafik)zentriert anzeigen.

img src="Ich002.png" style="float:center;width:168px;height:196px;" alt="Ich002"

Mein Problem ist nun wie ich hierzu "onmouseover='" und "onmouseout='"
dazu bringen kann das "Ich002.png" zusammen mit dem Text zentriert
angezeigt werden kann.

Hat jemand vielleicht eine Idee dazu, oder auch einen weiterfuehrenden
Link?

Danke.

Gruss
Karl-Heinz
--
<<--"Face <to> Face"-->>
http://www.kh-rademacher.de

* Karl-Heinz Rademacher wrote:

| <DIV align=center
| <DIV style="MARGIN-LEFT: 1em; WIDTH: 380px"
| <DIV class=normal
| onmouseover="this.innerHTML = ' <br> Was man hier sieht,<br> könnte....usw<br> '"
| style="BACKGROUND: darkred; MARGIN-BOTTOM: 0.5em; WIDTH: 380px; COLOR: yellow; HEIGHT: 175px"
| onmouseout="this.innerHTML = ''"></DIV

wenn die Maus ueber das Feld faehrt wird wie gewuenscht der Text
angezeigt.
Ich moechte nun aber zusaetzlich, oberhalb des Textes noch ein Bild
(Grafik)zentriert anzeigen.

| <img src="Ich002.png" style="float:center;width:168px;height:196px;" alt="Ich002"

Mein Problem ist nun wie ich hierzu "onmouseover='" und "onmouseout='"
dazu bringen kann das "Ich002.png" zusammen mit dem Text zentriert
angezeigt werden kann.

Wird das Bild garnicht angezeigt oder nur nicht zentriert?
Meine Erfahrung in anderem Zusammenhang: innerHTML-Geschichte auf
Tabellenzellen führen manchmal auch zu merkwürdigen Ergebnissen, weil
der Browser (in dem Fall ist der Firefox schlechter als der IE) kein
oder falsches Resizing macht.

Was in etwa gehen könnte: Setz in das div-Element ein Blind-GIF von 1X1
Pixel. Das dürfte nicht wirklich stören.
Und in deinem onmouseover:
- Austausch des Bildinhalts ...src=...
- Und Angabe der konkreten Breite und Höhe des Bildes
So könnte eine korrekte Zentrierung und Anzeige gehen.

G.


--
BM Computer-Services, Bergmannstr. 66, 10961 Berlin
Webdesign, Internet, Layout und Grafik
Tel.: 030/20649400, mobil 0175/7419517, Fax: 030/20649401
Web: http://www.bmservices.de, eMail: kontakt (AT) bmservices (DOT) de

Quote [*Gerome Muent*] schrieb am 15.10.2007

* Karl-Heinz Rademacher wrote:

| <DIV align=center
| <DIV style="MARGIN-LEFT: 1em; WIDTH: 380px"
| <DIV class=normal
| onmouseover="this.innerHTML = ' <br> Was man hier sieht,<br> könnte....usw<br> '"
| style="BACKGROUND: darkred; MARGIN-BOTTOM: 0.5em; WIDTH: 380px; COLOR: yellow; HEIGHT: 175px"
| onmouseout="this.innerHTML = ''"></DIV

wenn die Maus ueber das Feld faehrt wird wie gewuenscht der Text
angezeigt.
Ich moechte nun aber zusaetzlich, oberhalb des Textes noch ein Bild
(Grafik)zentriert anzeigen.

| <img src="Ich002.png" style="float:center;width:168px;height:196px;" alt="Ich002"

Mein Problem ist nun wie ich hierzu "onmouseover='" und "onmouseout='"
dazu bringen kann das "Ich002.png" zusammen mit dem Text zentriert
angezeigt werden kann.

Wird das Bild garnicht angezeigt oder nur nicht zentriert?
Meine Erfahrung in anderem Zusammenhang: innerHTML-Geschichte auf
Tabellenzellen führen manchmal auch zu merkwürdigen Ergebnissen, weil
der Browser (in dem Fall ist der Firefox schlechter als der IE) kein
oder falsches Resizing macht.

Also was das onmouseover im Textbereich betrifft, so klappt die
Positionierung mit FF, IE6 und IE7 prima.

Was in etwa gehen könnte: Setz in das div-Element ein Blind-GIF von 1X1
Pixel. Das dürfte nicht wirklich stören.
Und in deinem onmouseover:
- Austausch des Bildinhalts ...src=...
- Und Angabe der konkreten Breite und Höhe des Bildes
So könnte eine korrekte Zentrierung und Anzeige gehen.

Meine laienhaften Vorstellung ging davon aus, dass ich /einfach/ ein
zusaetzliches onmouseover='scr"....."> sowie das
onmouseout="this.innerHTML = ''"> ueber den Textteil einfuegen koennte.
Aber das scheint nicht zu funktionieren.

Mit Google hatte ich schon einige Beispiele gefunden, allerdings weichen
die zu sehr von dem ab was ich mir vorstelle.:-(

Mir geht es, kurz gesagt, um ein Bild mit Unterschrift, das mit
mouseover sichtbar werden soll.



Gruss
Karl-Heinz
--
<<--"Face <to> Face"-->>
http://www.kh-rademacher.de

* Karl-Heinz Rademacher wrote:

Meine laienhaften Vorstellung ging davon aus, dass ich /einfach/ ein
zusaetzliches onmouseover='scr"....."> sowie das
onmouseout="this.innerHTML = ''"> ueber den Textteil einfuegen koennte.
Aber das scheint nicht zu funktionieren.

Du solltest nur einen onmouseover-EventHandler an einer Stelle einbauen!
Ansonsten ist es zumindest ein undefined behaviour, was der Browser mit
mehr als einem onmouseover macht. Pack alles in eine Funktion.

G.


--
BM Computer-Services, Bergmannstr. 66, 10961 Berlin
Webdesign, Internet, Layout und Grafik
Tel.: 030/20649400, mobil 0175/7419517, Fax: 030/20649401
Web: http://www.bmservices.de, eMail: kontakt (AT) bmservices (DOT) de

Quote [*Gerome Muent*] schrieb am 16.10.2007

* Karl-Heinz Rademacher wrote:

Meine laienhaften Vorstellung ging davon aus, dass ich /einfach/ ein
zusaetzliches onmouseover='scr"....."> sowie das
onmouseout="this.innerHTML = ''"> ueber den Textteil einfuegen koennte.
Aber das scheint nicht zu funktionieren.

Du solltest nur einen onmouseover-EventHandler an einer Stelle einbauen!
Ansonsten ist es zumindest ein undefined behaviour, was der Browser mit
mehr als einem onmouseover macht. Pack alles in eine Funktion.

Gut, auch ein Punkt an den ich noch nicht gedacht hatte, aber gut das Du
es ansprichst, danke. Wie allerdings Text plus Bild hier unter einen
/"Hut"/ zu bringen sind, ist mir offen gesagt schleierhaft.


Gruss
Karl-Heinz
--
<<--"Face <to> Face"-->>
http://www.kh-rademacher.de