Menü:Mouseover - neues Bild soll erscheinen...

L

LokiPoki

Mitglied
Hallo,

als erstes möchte ich sagen, dass ich von JavaScript (leider) keine Ahnung habe. Hatte in der Schule ein bisschen Turbo Pascal und C++.

Nun meine Frage:

Ich möchte gern realisieren, wenn ich über Bild 1 (3D Max) fahre, dass darüber leicht nach rechts (Koordinatenspielerei kann ich "dann" auch selber betreiben) ein neues Bild (Tutorial) auftaucht. Dabei sollte sich Bilder verändern wenn man drüber fährt ("mouseoverbilder"). Ich hoffe ihr wisst, anhand meiner hochgeladenen Bilder, was ich meine.

Danke schon mal im Vorraus.
 

Anhänge

  • 3dmax.png
    3dmax.png
    1,8 KB · Aufrufe: 177
  • 3dmaxover.png
    3dmaxover.png
    1,6 KB · Aufrufe: 172
  • tut.png
    tut.png
    1,8 KB · Aufrufe: 172
  • tutover.png
    tutover.png
    1,5 KB · Aufrufe: 172
HTML: 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html lang="en" xml:lang="en" xmlns="http://www.w3.org/1999/xhtml">
  <head><title>Untitled</title><meta name="AUTHOR" content="con-f-use@gmx.net" /><meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
  
  <script type="text/javascript"><!--
  	function swap(id) {
  		obj = document.getElementById(id);
  		obj.style.visibility = (obj.style.visibility == 'hidden') ? 'visible' : 'hidden';
  	}
  //--></script>
  
  </head><body>
  
  	<span onmouseover="swap('Tutorial')" onmouseout="swap('Tutorial')">
  		<img style="visibility:hidden" id="Tutorial" src="tut.png" onmouseover="this.src='tutover.png'" onmouseout="this.src='tut.png'"  /><br />
 		<img src="3dmax.png" onmouseover="this.src='3dmaxover.png'" onmouseout="this.src='3dmax.png'" />
  	</span>
  	
  </body></html>
 
Lesen, verstehen, implementieren.

Vieles ist Dir hier schon abgenommen worden, z.B. siehst Du ja wo der JS-Teil eingefuegt werden muss, und zwar zwischen <head> und </head>
Auch ist ein Beispiel gegeben wie Du die Bilder zu definieren hast.

Also sollte das kein grosses Problem mehr darstellen.
 
Ok habs hinbekommen. Dachte man muss irgendwie zu einer js datei linken... :confused:

Naja, da bleibt nur noch ein Problem:
Wenn ich über 3DMax fahre und dann die Tutorials "rausfahren", möchte das wenn man auf "Tutorials" geht, das bei 3DMax immer noch das Mouseover Bild gezeigt wird... Ich hoffe ihr wisst was ich meine...

Noch mal Danke für eure Geduld... :)
 
In dem Script steht alles, was du theoretisch an JavaScript brauchst. Wie wäre es, wenn du mal selbst deinen Hirnschmalz anstrengst und u.U. auch mal das ein oder andere nachschlägst, aber sei vorsichtig, du könntest vielleicht etwas lernen!

SELFHTML wäre da eine gefährliche Addresse.

Kleiner Tipp: Du musst den onmouseout-Event aus dem 3dmax bild rausnehmen und den im span ergänzen.
 
Zuletzt bearbeitet:
Um antworten zu können musst du eingeloggt sein.

Neue Beiträge

Zurück