howto: wie mouseover mit zwei grafiken in zwei verschiedenen frames

D

Doubletaker

Mitglied
bisher bin ich soweit, dass ich ein tutorial gefunden habe, bei dem ich den effekt gefunden habe,
den ich brauche. aber ich bräuchte das ganze in zwei frames... will dass in der navigations-leiste
sich die grafik ändert und gleichzeitig in einem anderen frame...


mein bisheriger quelltext:
Code: 
<html>
<BODY TEXT="#FFFFFF" LINK="#FFFFFF" VLINK="#999999" ALINK="#00FF00" BGCOLOR="#000000">
<A HREF="menuperf.zip"><IMG SRC="../download.gif" border=0></A>
<Center>
<SCRIPT LANGUAGE = "JavaScript">
<!--
var js=0;  if ( document.images ) {  js=1;  }  
var dir = ""      // set your graphics directory
if(js) {

  a = new Image();
  a.src = dir + "butani1.gif";
  a_on  = new Image();
  a_on.src  = dir + "butani2.gif";
  a_ex = new Image();         
  a_ex.src = dir + "butani1.gif";  
  
  b = new Image();
  b.src = dir + "butdhtml1.gif";
  b_on  = new Image();
  b_on.src  = dir + "butdhtml2.gif";
  b_ex = new Image();         
  b_ex.src = dir + "butdhtml1.gif";
  
  c = new Image();
  c.src = dir + "butema1.gif";
  c_on  = new Image();
  c_on.src  = dir + "butema2.gif";
  c_ex = new Image();         
  c_ex.src = dir + "butema1.gif";  
  
  d = new Image();
  d.src = dir + "butfor1.gif";
  d_on  = new Image();
  d_on.src  = dir + "butfor2.gif";
  d_ex = new Image();         
  d_ex.src = dir + "butfor1.gif";  
 
 }

function img_on(img) {   if(js) {  document [img].src = eval(img+"_on.src");
				document["fix"].src = eval(img + "_ex.src");  }  }

function img_off(img) {  if(js) {  document [img].src = eval(img + ".src");
				document["fix"].src = "blank.gif";   }  }

// -->
</script>
<img src="butani1.gif" name="a" alt="Hier ist nix zum klicken" border="1" hspace="0" vspace="0" usemap="#sl_but"><BR>
<img src="butdhtml1.gif" name="b" alt="Hier ist nix zum klicken" border="1" hspace="0" vspace="0" usemap="#cr_but"><BR>
<img src="butema1.gif" name="c" alt="Hier ist nix zum klicken" border="1" hspace="0" vspace="0" usemap="#hc_but"><BR>
<img src="butfor1.gif" name="d" alt="Hier ist nix zum klicken" border="1" hspace="0" vspace="0" usemap="#gb_but"><BR>
<MAP NAME="sl_but">
<AREA SHAPE="RECT" COORDS="20,10,110,20" HREF="http://" target="dummy" ALT="Hier ist Link 1" onMouseOver="img_on('a');window.status='SmartLinks';return true;" onMouseOut="img_off('a')">
</MAP>
<MAP NAME="cr_but">
<AREA SHAPE="RECT" COORDS="20,10,110,20" HREF="http://" target="dummy" ALT="Hier ist Link 2" onMouseOver="img_on('b');window.status='Chat Room';return true;" onMouseOut="img_off('b')">
</MAP>
<MAP NAME="hc_but">
<AREA SHAPE="RECT" COORDS="20,10,110,20" HREF="http://" target="dummy" ALT="Hier ist Link 3" onMouseOver="img_on('c');window.status='Hit Counter';return true;" onMouseOut="img_off('c')">
</MAP>
<MAP NAME="gb_but">
<AREA SHAPE="RECT" COORDS="20,10,110,20" HREF="http://" target="dummy" ALT="Hier ist Link 4" onMouseOver="img_on('d');window.status='Guest Book';return true;" onMouseOut="img_off('d')">
</MAP>
<HR>
<img  src="blank.gif" name="fix" align=absmiddle alt="Klick auf die Buttons" border="1">
</center>
</body>
</html>

jetzt schon ein danke für eure hilfe
 
Wenn Du deinen Wunsch vielleicht noch etwas genauer definieren würdest!

Wie ist die Seite aufgabut : Framegerüst

Wo soll geklickt werden und wo soll der/deie Bildwechsel stattfinden.


Es ist etwas mühsam sich durch deinen Code deine genauen Wünsche zu erraten, also hilf uns einwenig.

( mach wenns hilfreich ist eine Skizze)
 
Ok, sorry...

Also meine Frameaufteilung ist als Anhang beigefügt.


Meine Navigation befindet sich in dem roten Frame... Ich möchte eine Grafik
im roten Frame mit einem mousover-Effekt belegen, dass sich die Grafik ändert,
aber gleichzeitig, soll eine andere Grafik im blauen Frame auch geändert werden.
Wenn ich dann den Link bzw. die Grafik im roten Frame anklicke, möchte ich, dass
sich die Seite dann im gelben Frame öffnet.

Hoffe, dass das weiterhilft... Sowohl euch, als auch mir... :)
 

Anhänge

  • frames.gif
    frames.gif
    1,4 KB · Aufrufe: 117
Wenn die Grafiken nur bei mouseover getauscht werden sollten, müpsste man per mouseout, das Script "rückwärts" nochmal arbeiten lassen...

(Erstmal nur ein) Beispiel:
 
Ok, danke erstmal, aber irgendwie habe ich wohl einen Denkfehler...
wenn ich das jetzt für mehrere links machen will, wie mache ich das dann
ich hab vier punkte, an denen ich das dann machen will... bei mir klappt
es irgendwie nicht... in der navi-leiste hab ich vier punkte und in dem oberen
frame habe ich nur eine grafik, die dann beim mouseover der jeweiligen links
etwas anderes anzeigen soll...

das unten in der leiste sind halt menüpunkte und das oben soll dann eine
grafik mit den jeweiligen titeln sein...
 
Danke, dass trifft es schon fast. Ich glaube, dass ich es nicht gut erklären konnte...
Soweit stimmt ja auch alles, nur würde ich es gerne auch so haben, dass bei dem
mouseover auch oben sich die Kategorie bei dem mouseover ändert... Das ist
mein eigentliches Problem, weil ich nicht weiss, wie ich das mit den beiden Frames
ansteuern muss... Denn dein letztes Beispiel ist fast das was ich suche, nur mit
dem gleichzeitigen mousover-effekt für die Kategorie... :)
 
Du meinst das oben alle Kategorien sthen und die aktiv sich ändert?

ODER

sool nur währen man unten klickt oben die Grafik getauscht werden und wen man unten im Menü auf den Button geht soll oben während Mouseover das Bild (kurz) getauscht werden?

Oder soll sich bei Mouseover die Kategorie oben kurz ändern und bei Mouseup zurückspringen und erst bei Mouseklick fest/fix umspringen?
 
Ich hab dich schon genug in Anspruch genommen... :-(

Aber ich versuche es genauer zu erklären... Also deine letzte Version geht auch
weiter in die Richtung. Nur soll man unten die Buttons halt anklicken können
und wenn man mit dem Cursor nicht mehr auf dem Button ist, dann soll oben
auch ruhig wieder Startseite stehen, denn da ist bei mir eine Grafik geplant,
die sich nur bei dem mouseover ändern soll und sonst wieder die "normale"
Grafik anzeigt wird...

Vielleicht klappt es dieses mal... :)

Ansonsten kannst du mich noch weiterhin fragen, werde jetzt hier bleiben... :-)
 
Um antworten zu können musst du eingeloggt sein.

Neue Beiträge

Zurück