Auf Thema antworten 2026

Beitrag

<blockquote data-quote="TheTalesOfImmo" data-source="post: 1753926" data-attributes="member: 157691">AW: Bild wechseln bei MouseOverHi!Das ist relativ simpel, ich habe etwas ähnliches erst vor kurzem gemacht.In HTML gibt es für JavaScript sogenannte Eventhandler, die auf&nbsp; bestimmte Ereignisse reagieren. In Deinem Fall wäre das der Handler&nbsp; &quot;onmouseover&quot;.Der HTML-Code dafür könnte z.B. so aussehen:[HTML]&lt;div style=&quot;width:200px;height:100px;background:url(&#039;irgendwas.jpg&#039;) no-repeat;&quot; id=&quot;irgendwas&quot; alt=&quot;Irgendwas&quot; onmouseover=&quot;this.style.backgroundImage = &#039;url(irgendwasanderes.jpg)&#039;&quot; onmouseout=&quot;this.style.backgroundImage = &#039;url(irgendwas.jpg)&#039;&quot; /&gt;[/HTML]Ich erstelle einen div-Container und gebe ihm einen Hintergrund. Immer wenn Du mit der Maus darüber hoverst ändert sich der Hintergrund (onmouseover). Damit er sich auch wieder zurückändert, muss der Code allerdings noch den Handler &quot;onmouseout&quot; umfassen, der das Event abhandelt, wenn die Maus den Container verlässt und dann das Hintergrundbild zurücksetzt.</blockquote>

[QUOTE="TheTalesOfImmo, post: 1753926, member: 157691"] [b]AW: Bild wechseln bei MouseOver[/b] Hi! Das ist relativ simpel, ich habe etwas ähnliches erst vor kurzem gemacht. In HTML gibt es für JavaScript sogenannte Eventhandler, die auf bestimmte Ereignisse reagieren. In Deinem Fall wäre das der Handler "onmouseover". Der HTML-Code dafür könnte z.B. so aussehen: [HTML]<div style="width:200px;height:100px;background:url('irgendwas.jpg') no-repeat;" id="irgendwas" alt="Irgendwas" onmouseover="this.style.backgroundImage = 'url(irgendwasanderes.jpg)'" onmouseout="this.style.backgroundImage = 'url(irgendwas.jpg)'" />[/HTML] Ich erstelle einen div-Container und gebe ihm einen Hintergrund. Immer wenn Du mit der Maus darüber hoverst ändert sich der Hintergrund (onmouseover). Damit er sich auch wieder zurückändert, muss der Code allerdings noch den Handler "onmouseout" umfassen, der das Event abhandelt, wenn die Maus den Container verlässt und dann das Hintergrundbild zurücksetzt. [/QUOTE]

Bilder bitte hier hochladen und danach über das Bild-Icon (Direktlink vorher kopieren) platzieren.

Authentifizierung

Wenn ▲ = 5, ▼ = 2 und ■ = 7, was ist ▲ × ▼ + ■?