Html mouse over ???

MrAlataril · 30.07.2013

Wie funktioniert den dass alles, ich habe schon gesucht, aber nichts gefunden, was meinen code entspricht.

Ich will das sich mein bild was ich habe zu einen anderen wird wenn man drüber fährt, (ich bin mit html noch nicht vertraut)

Hier mal mein Code:

HTML:

<!doctype html public "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>

<head>

 <title>Sterner Stube</title>

  <BODY BGCOLOR="#000080">


  </script>

</head>

 <body>

   <div:postion:relative><img style="display: block; text-align: center;" src="Seiten/Home/Oberei Bereich/Obere Bereich.gif" style=postion:absolute; top:0; left:0; z-index:1; width:1024px; height:515px;></div>
   <li><img src="Seiten/Home/Oberei Bereich/Einzelne Bilder/Stern.gif" width="125" height="120" alt="" style="margin: -503px auto 0px 148px;" /></li>
   <li><img src="Seiten/Home/Oberei Bereich/Einzelne Bilder/Stern.gif" width="125" height="120" alt="" style="margin: -522px auto 0px 1010px;" /></li>
   <li><img src="Seiten/Home/Oberei Bereich/Einzelne Bilder/Schild Let's Plays.gif" width="125" height="130" alt="" style="margin: -550px auto 0px 340px;" /></li>
   <li><img src="Seiten/Home/Oberei Bereich/Einzelne Bilder/Schild Reviews.gif" width="125" height="130" alt="" style="margin: -569px auto 0px 500px;" /></li>
   <li><img src="Seiten/Home/Oberei Bereich/Einzelne Bilder/Schild Tutorials.gif" width="125" height="130" alt="" style="margin: -588px auto 0px 660x;" /></li>
   <li><img src="Seiten/Home/Oberei Bereich/Einzelne Bilder/Schild Forum.gif" width="125" height="130" alt="" style="margin: -607px auto 0px 820px;" /></li>
   <li><img src="Seiten/Home/Oberei Bereich/Einzelne Bilder/Sprecher.gif" width="200" height="100" alt="" style="margin: -430px auto 0px 490px;" /></li>
   <li><img src="Seiten/Home/Oberei Bereich/Einzelne Bilder/Spiele.gif" width="200" height="100" alt="" style="margin: -449px auto 0px 710px;" /></li>
   <li><img src="Seiten/Home/Oberei Bereich/Einzelne Bilder/Server.gif" width="200" height="100" alt="" style="margin: -468px auto 0px 930px;" /></li>


   <li><img src="Seiten/Home/Unterei Bereich/Untere Bereich.gif" width="1024" height="1336" alt="" style="margin: -200px auto 0px 134px;" /></li>


 </body>

</html>

und ich will dass bei diesen bild, wo der code so aussieht::

HTML:

<li><img src="Seiten/Home/Oberei Bereich/Einzelne Bilder/Schild Let's Plays.gif" width="125" height="130" alt="" style="margin: -550px auto 0px 340px;" /></li>

dann beim drüber fahren, dass bild ändert.

Aber ich habts dawei nicht zusammengebracht :'

'

'(

Curanai · 30.07.2013

AW: Html mouse over ???

Du benötigst dafür kein HTML, sondern JavaScript (onmouseover()) oder - je nach Art der Änderung - einfach nur CSS

hover).

Wofür Du von mir eine glatte SECHS bekommst ist die Namensvergabe für Verzeichnisse und Dateien - aber die nimm Dir nicht so zu Herzen.

MrAlataril · 30.07.2013

AW: Html mouse over ???

java ok, da muss ich dann was im head schreiben wie heißt da der code, das java script aktiv ist.
und in body was ist da der richtige code.
hab mich dawei nur beschäftigt dass ich mal optisch was hab

Und wegn der namensgebung, das Oberei meinst du mit sechs oder ??? also das war absicht

leveler · 30.07.2013

AW: Html mouse over ???

...java ok...

Nee Du, Java und JavaScript sind 2 paar Schuhe.

...wie heißt da der code, das java script aktiv ist. ...

<script type='text/javascript'>
xyz
</script>

Curanai · 30.07.2013

AW: Html mouse over ???

Nein, ich meine Apostroph im Namen, ich meine Leerschritte usw. - und wir reden über JavaScript; nicht Java!!

Trabilady · 30.07.2013

AW: Html mouse over ???

Schau mal hier - da kannst Du es "relativ" leicht mit CSS umsetzen.

MrAlataril · 30.07.2013

AW: Html mouse over ???

Ok, ich meinte eh java script
also ich habe jetzt im internet gesucht und bin auf das gestossen: http://www.on-mouseover.de/script1.htm

ich habs mal nach dieser anleitung gemacht und bei der website zeigts das bild nicht an.

Hier mein code in head:

HTML:

<script
    language="JavaScript">
    <!--
    button1= new Image();
    button1.src = "austausch1.src='Seiten/Home/Oberei Bereich/Einzelne Bilder/Schild Let's Plays.gif"
    button2= new Image();
    button2.src = "austausch1.src='Seiten/Home/Oberei Bereich/Einzelne Bilder/Schild Let's Plays nachher.gif"
    /* usw. für alle Grafiken,
    die am Mouse-Over-Effekt beteiligt sind */
    //-->
   </script>

und im body:

HTML:

<a href="Let's Plays.html"

    onmouseover="austausch1.src='Seiten/Home/Oberei Bereich/Einzelne Bilder/Schild Let's Plays.gif';"
    onmouseout="austausch1.src='Seiten/Home/Oberei Bereich/Einzelne Bilder/Schild Let's Plays nachher.gif';"

    <img src="Seiten/Home/Oberei Bereich/Einzelne Bilder/Schild Let's Plays.gif"
    border="0" width="125" height="130" alt="" style="margin: -550px auto 0px 340px;"
    name="austausch1">
    </a>

jetzt zeigts das bild nicht an habe ich aber jetzt den code so:

HTML:

<a> href="Let's Plays.html"

    onmouseover="austausch1.src='Seiten/Home/Oberei Bereich/Einzelne Bilder/Schild Let's Plays.gif';"
    onmouseout="austausch1.src='Seiten/Home/Oberei Bereich/Einzelne Bilder/Schild Let's Plays nachher.gif';"

    <img src="Seiten/Home/Oberei Bereich/Einzelne Bilder/Schild Let's Plays.gif"
    border="0" width="125" height="130" alt="" style="margin: -550px auto 0px 340px;"
    name="austausch1">
    </a>

Zeigts das bild an aber ist keine bild veränderung dabei :'

'(

Mellymaus · 30.07.2013

AW: Html mouse over ???

Du hast da leider einen kleinen Fehler eingebaut...

es darf nicht "<a> href" lauten!

Ändere Deinen Code wie folgt:

<a href="Let's Plays.html"
onmouseover="austausch1.src='Seiten/Home/Oberei Bereich/Einzelne Bilder/Schild Let's Plays.gif';"
onmouseout="austausch1.src='Seiten/Home/Oberei Bereich/Einzelne Bilder/Schild Let's Plays nachher.gif';">
<img src="Seiten/Home/Oberei Bereich/Einzelne Bilder/Schild Let's Plays.gif"
border="0" width="125" height="130" alt="" style="margin: -550px auto 0px 340px;" name="austausch1">
</a>

Habe es mal mit einer Alternativgrafik getestet. Es ging!