Hallo,
hab Probleme mit Rollover.
Wie bekomme ich mehrere Rollover untereinander, dass es eine Navigationsleiste gibt.
Oder geht das irgendwie anderst?
Gruß Grissi
Navigationsleiste mit Rollover (zwei Grafiken)
-
- Offizieller Beitrag
Meinst Du jetzt den Abstand der Grafiken zueinander ?
-
- Offizieller Beitrag
Erstelle Dir am besten eine Tabelle mit x-Zeilen.In diesen Zeilen setzt Du die einzelnen Nav Grafiken.
-
Wow,
das ist ja super nett.
Vielen dank schon mal im Voraus.
Tausend, dank
ich bin nämlich schon am verzweifeln. -
- Offizieller Beitrag
Habe nicht gleich Dein Problem verstanden, sorry
-
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>
<table>
<tr><A HREF="http://www.cb-sticken.de/" onMouseOver="switcher(1);return true"
onMouseOut="switcher(2); return true">
</A><A HREF="http://www.cb-sticken.de/" onMouseOver="switcher(3);return true"
onMouseOut="switcher(4);return true">
</A><A HREF="http://www.cb-sticken.de/" onMouseOver="switcher(5);return true"
onMouseOut="switcher(6);return true">
</A><A HREF="http://www.cb-sticken.de/" onMouseOver="switcher(7);return true"
onMouseOut="switcher(8);return true">
</A><A HREF="http://www.cb-sticken.de/" onMouseOver="switcher(9);return true"
onMouseOut="switcher(10);return true">
</A><A HREF="http://www.cb-sticken.de/" onMouseOver="switcher(11;return true"
onMouseOut="switcher(12);return true">
</A><A HREF="http://www.cb-sticken.de/" onMouseOver="switcher(13);return true"
onMouseOut="switcher(14);return true"></A><A HREF="http://www.cb-sticken.de/" onMouseOver="switcher(15);return true"
onMouseOut="switcher(16);return true">
</A><A HREF="http://www.cb-sticken.de/" onMouseOver="switcher(17);return true"
onMouseOut="switcher(18);return true"></A></tr>
</Table></body>
</HEAD>
</html> -
- Offizieller Beitrag
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
Alles anzeigen<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> -
Mal ganz doofig fragt:
Wird das ein Schal oder ein Häkelrock ?
-
- Offizieller Beitrag
Das Ergebniss kannst Du, wenn alles klappt, auf der HP von mauritius sehen
-
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 -
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. -
- Offizieller Beitrag
Da bin ich aber froh, das das Script geht
Hatte es noch nie getestet