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

Onmouseover bei anderem Bild

Status
Für weitere Antworten geschlossen.
S

Scubamarco

Neues Mitglied
Hallo HTML-Jünger,

ist es möglich den onmouseover Effekt bei einem anderen Teil der Webseite
zu aktivieren als bei dem, über das ich fahre?
Bild 1 überfahren und Bild 2 verändert sich.
Danke für eure Hilfe.

Grüße aus Berlin
 
Werbung:
Code: 
<script type="text/javascript">
  //<![CDATA[
    function chImg(id, img) {
      document.getElementById(id).src = img;
    }
  //]]>
</script>
[...]
<img src="bild1.jpg" alt="" onmouseover="chImg('[B][COLOR=RoyalBlue]anderesBild[/COLOR][/B]', '[B][COLOR=Orange]bild3.jpg[/COLOR][/B]')" onmouseout="chImg('[B][COLOR=RoyalBlue]anderesBild[/COLOR][/B]', '[B][COLOR=Orange]bild2.jpg[/COLOR][/B]')" />
[...]
<img src="[B][COLOR=Orange]bild2.jpg[/COLOR][/B]" alt="" id="[COLOR=RoyalBlue][B]anderesBild[/B][/COLOR]" />
Zusammenhänge sind farbig hervorgehoben, ich hoffe man verstehts ;)
 
Werbung:
Vielen Dank für die schnelle Hilfe.
Werde es gleich mal probieren.

Kann mir noch jemand verraten wo die JAVA Einleitung stehen muß.
Steht jetzt bei mir zwischen <html> und <head>.
Kann ich das auch bei mir auf der Platte ausführen (denn es funktioniert nicht)
oder muß es auf einem Webserver liegen?

*hüstl hüstl*
noch jemand eine Antwort für mich?
 
Zuletzt bearbeitet:
Du kannst das auch mit dem normalen onmouseover aus html machen.
der mouseover bezieht sich immer auf einen Imagenamen. Nicht auf das abgetastete Feld.
Code: 
<a href="ziel.html" onmouseover="Wechselbild1.src='button/wira.gif';" onmouseout="Wechselbild1.src='button/wir.gif';">

<img src="button/wir.gif" border="0" name="Wechselbild1" alt="&uuml;ber uns"></a>

Ein Beispiel mit Link. Geht auch ohne Link nur; nur ein Bild. Gewechselt wird immer das Image mit dem Namen Wechselbild1. Du kannst auch am Befehl (nach dem ";" ) noch einige Bilder mit anderen Namen rahnhaengen. Die wechslen dann alle gleichzeitig mit.
 
Das name="" Attribut ist aber veraltet und man sollte id="" benutzen. Außerdem ist meine Version (mit der Funktion) weniger Scheibarbeit ;)

@Scubamarco:
Der <script></script> Teil sollte irgendwo im <head> stehen, und bei mir funktioniert es einwandfrei (1:1 kopiert, Bildnamen angepasst):
http://bcf.pytalhost.com/docs/mouseover.html
 
Werbung:
Auch als normaler html code ?

Hey Leute, ich habe mal einen bild Hover html code gehabt der war ganz einfach kann mir vieleicht jemand einen ganz einfachen zeigen ? Und er soll die funktion haben das sich der Link im IFRAME öffnet ?

Ist echt dringend !

Danke im vorraus.

Haterlein ^^
 
Werbung:
Status
Für weitere Antworten geschlossen.

Neueste Beiträge

Zurück
Oben