• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

div hover bild ändern

franco

Neues Mitglied
Ahoi, ich hab ne Frage und ich hoff ihr könnt mir weiterhelfen :)
Also ich habe eine div box und beim hover ändert sich die Farbe. In der div box ist ein bild. Das bild ändert sich mit "onmouseover", aber erst wen ich über dem Bild bin. Ich möchte aber das ich das Bild ändert sobald ich im div bin.
Wie kriege ich das hin ?
Ich hoffe ihr könnt mir weiterhelfen :)
MfG
 
Zeig doch mal den Code, den Du jetzt hast. Machst Du es nur mit CSS oder mir Javascript?
 
Mit CSS da ich mich mit Javascript nicht wirklich auskenne. Hier der Code :

Code:
#pokeBall:hover{background-color:#ffffff;cursor:pointer;color:#5F021F ;} // hier der div

<div id="pokeBall" >
 <h2 style ="left : 37px;">Games</h2>
<img src = "whi_H.png" style="margin-left :    55px ; margin-top : -10px;"alt ="hedl h" onmouseover = "this.src='vio_H.png'"    onmouseout="this.src='whi_H.png'" >   // hier das bild mit hover
</div>


Ich möchte nun das das Bild sich ändert sobald ich im div bin und nicht erst beim bild hover
Wie stell ich das an ?
MfG
 
Da das Bild sich innerhalb des div befindet, sollte es mit CSS kein Problem sein:
Code:
.im {width: 624px; height: 500px; background-image: url(img/m_002.jpg);}
#pokeBall:hover {background-color: #ffffff;cursor:pointer;color:#5F021F ;}
#pokeBall:hover .im {background-image: url(img/m_003.jpg);}

<div id="pokeBall" >
<h2 style ="left : 37px;">Games</h2>
<div class="im"></div>
</div>
 
Zurück
Oben