Antworten auf deine Fragen:
Neues Thema erstellen

Html mouse over ???

M

MrAlataril

Guest

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

Aktives Mitglied

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. ;)
 
M

MrAlataril

Guest

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 :D
 

Curanai

Aktives Mitglied

AW: Html mouse over ???

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

MrAlataril

Guest

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

~ Lady Pixel ~

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! :)
 
Zuletzt bearbeitet:
Bilder bitte hier hochladen und danach über das Bild-Icon (Direktlink vorher kopieren) platzieren.
Antworten auf deine Fragen:
Neues Thema erstellen

Willkommen auf PSD-Tutorials.de

In unseren Foren vernetzt du dich mit anderen Personen, um dich rund um die Themen Fotografie, Grafik, Gestaltung, Bildbearbeitung und 3D auszutauschen. Außerdem schalten wir für dich regelmäßig kostenlose Inhalte frei. Liebe Grüße senden dir die PSD-Gründer Stefan und Matthias Petri aus Waren an der Müritz. Hier erfährst du mehr über uns.

Stefan und Matthias Petri von PSD-Tutorials.de

Nächster neuer Gratisinhalt

03
Stunden
:
:
25
Minuten
:
:
19
Sekunden

Flatrate für Tutorials, Assets, Vorlagen

Zurzeit aktive Besucher

Statistik des Forums

Themen
118.614
Beiträge
1.538.351
Mitglieder
67.525
Neuestes Mitglied
mgtaucher
Oben