Navigationsleiste mit Rollover (zwei Grafiken)

mauritius

Hallo,
hab Probleme mit Rollover.
Wie bekomme ich mehrere Rollover untereinander, dass es eine Navigationsleiste gibt.
Oder geht das irgendwie anderst?

Gruß Grissi

admin

Meinst Du jetzt den Abstand der Grafiken zueinander ?

mauritius

HALLO nochmal,

also:
ich möchte eine Navigationsleitste erstellen.
Die Links sollen jeweils ein Rollover sein.
Und diese untereinander:

homepage

2 seite

3 seite

Und dafür habe ich je zwei Graphiken gemacht. (1 für onmouseout und 1 für ounmouseon)
Ich hoffe, habe mich etwas verständlich ausgedrückt

admin

Erstelle Dir am besten eine Tabelle mit x-Zeilen.In diesen Zeilen setzt Du die einzelnen Nav Grafiken.

mauritius

Wow,
das ist ja super nett.
Vielen dank schon mal im Voraus.

Tausend, dank
ich bin nämlich schon am verzweifeln.

admin

Habe nicht gleich Dein Problem verstanden, sorry

mauritius

Hallochen, und eigentlich gute Nacht!

hab noch keine Tabelle bekommen.

Dachte. versuch es selber mal:

Habe folgendes gemacht, allerdings zeigt es mir nur die 1Grafik an.
Wenn ich nur ein Bildwechsel mache, dann geht es. Aber nicht wenn ich mehrere untereinander mache, dann bleibt alles stehen. (also kein Rollover-Effekt) Was ist denn falsch????

<HEAD>
<TITLE>On Mouse Over und On Mouse Out</TITLE>

<SCRIPT>
function switcher (place) {
switch (place) {
case(1): document.catbtn.src="D:/Eigene Dateien/Clips/Garnrollen/blau_li.gif";
break;
case(2): document.catbtn.src="D:/Eigene Dateien/Clips/Garnrollen/blau_re.gif";
break;
case(3): document.catbtn.src="D:/Eigene Dateien/Clips/Garnrollen/rot_li.gif";
break;
case(4): document.catbtn.src="D:/Eigene Dateien/Clips/Garnrollen/rot_re.gif";
break;
case(5): document.catbtn.src="D:/Eigene Dateien/Clips/Garnrollen/gelb_li.gif";
break;
case(6): document.catbtn.src="D:/Eigene Dateien/Clips/Garnrollen/gelb_re.gif";
break; }}
case(7): document.catbtn.src="D:/Eigene Dateien/Clips/Garnrollen/lila_li.gif";
break;
case(8): document.catbtn.src="D:/Eigene Dateien/Clips/Garnrollen/lila_re.gif";
break;
case(9): document.catbtn.src="D:/Eigene Dateien/Clips/Garnrollen/gruen_li.gif";
break;
case(10): document.catbtn.src="D:/Eigene Dateien/Clips/Garnrollen/gruen_re.gif";
break;
case(11): document.catbtn.src="D:/Eigene Dateien/Clips/Garnrollen/orange_li.gif";
break;
case(12): document.catbtn.src="D:/Eigene Dateien/Clips/Garnrollen/orange_re.gif";
break;
case(13): document.catbtn.src="D:/Eigene Dateien/Clips/Garnrollen/blau_li.gif";
break;
case(14): document.catbtn.src="D:/Eigene Dateien/Clips/Garnrollen/blau_re.gif";
break;
case(15): document.catbtn.src="D:/Eigene Dateien/Clips/Garnrollen/rosa_li.gif";
break;
case(16): document.catbtn.src="D:/Eigene Dateien/Clips/Garnrollen/rosa_re.gif";
break;
case(17): document.catbtn.src="D:/Eigene Dateien/Clips/Garnrollen/gelb_li.gif";
break;
case(18): document.catbtn.src="D:/Eigene Dateien/Clips/Garnrollen/gelb_re.gif";
break; }}
</SCRIPT>

<BODY>

</tr>
</Table>

</body>
</HEAD>
</html>

admin

Hm, mit dem Script komme ich nicht ganz klar
Hast Du den das Script richtig übertragen ?
Zb steht bei
case(6): document.catbtn.src="D:/Eigene Dateien/Clips/Garnrollen/gelb_re.gif";
break; }}
die von mir gekennzeichnete Klammern, bei den anderen nicht ?
Ist das richtig so ?
Die Pfade der Grafiken verweisen auf Deine Festplatte !
Kommt daher der Fehler ?

Probiere mal das Script von mir, ob Du damit besser zurecht kommst

HTML

<html>
 <head>
 <title>Seitentitel</title>
 <script language="JavaScript">
  <!--
  Normal1 = new Image(); 
  Normal1.src = "button1a.jpg"; /* Hier erste Standard-Grafik angeben */
  Highlight1 = new Image(); 
  Highlight1.src = "button1b.jpg"; /* Hier erste Highlight-Grafik angeben */


  Normal2 = new Image(); 
  Normal2.src = "button2a.jpg"; /* Hier zweite Standard-Grafik angeben */
  Highlight2 = new Image(); 
  Highlight2.src = "button2b.jpg"; /* Hier zweite Highlight-Grafik angeben */


  /* usw. fuer alle weiteren zu benutzenden Grafiken */


  function Bildwechsel(Bildnr,Bildobjekt)
  {
   window.document.images[Bildnr].src = Bildobjekt.src;
  }
 //-->
  //-->
 </script>
 </head>
 <body>


  <table><tr><td>
 <a href="index.htm" onMouseOver="Bildwechsel(0,Highlight1)"
 onMouseOut="Bildwechsel(0,Normal1)">
 [img]button1a.jpg[/img]</a> 
 </td><td>
 <a href="verweise.htm" onMouseOver="Bildwechsel(1,Highlight2)"
 onMouseOut="Bildwechsel(1,Normal2)">
 [img]button2a.jpg[/img]</a> 
 </td></tr></table>


 </body>
 </html>

Alles anzeigen

umbenannt

Mal ganz doofig fragt:

Wird das ein Schal oder ein Häkelrock ?

admin

Das Ergebniss kannst Du, wenn alles klappt, auf der HP von mauritius sehen

umbenannt

Boa ein Selbstbildnis vom Admin im Käkelkleidchen auf der HP von Mauritius

Was zahlste den dafür das das Bildchen daraufkommt ? Dann nehme ich das Bildchen auch auf meine HP

mauritius

Tauuuuusend mal dankeschön.
Es hat geklappt.
Sobald ich kann, werde ich meine Bildchen in die Homepage stellen.
Das war ein großes Unterfangen.

Das mit dem code habe ich aus dem HTML-Buch von der CD- runtergeladen und meine Grafiken eingesetzt - aber es gelang eben nicht.

Aber ich habe da Dich ADMIN und die anderen hier im Forum -
dann klappt das schon.

admin

Da bin ich aber froh, das das Script geht
Hatte es noch nie getestet

Navigationsleiste mit Rollover (zwei Grafiken)

Tags

Benutzer online in diesem Thema