Seite 1 von 2 12 LetzteLetzte
Ergebnis 1 bis 10 von 13

Thema: Navigationsleiste mit Rollover (zwei Grafiken)

  1. #1
    Teeny
    Registriert seit
    23.01.2003
    Alter
    50
    Beiträge
    36
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard Navigationsleiste mit Rollover (zwei Grafiken)


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

    Gruß Grissi
    Achtung: Dies ist ein alter Thread im HTML und Webmaster Forum
    Diese Diskussion ist älter als 90 Tage. Die darin enthaltenen Informationen sind möglicherweise nicht mehr aktuell. Erstelle bitte zu deiner Frage ein neues Thema im Forum !!!!!
    Gruss Claudia
    ... probieren geht über´s studieren... aber Eure Hilfe tut immer gut

  2. #2
    Administrator Avatar von admin
    Registriert seit
    16.01.2003
    Ort
    Karlsruhe
    Beiträge
    12.778
    Danke
    1
    Bekam 4 mal "Danke" in 2 Postings
    Blog-Einträge
    42

    Standard

    Meinst Du jetzt den Abstand der Grafiken zueinander ?
    Die Forenregeln und Nutzungsbedingungen sind auch zum lesen da !!!


  3. #3
    Teeny
    Themenstarter

    Registriert seit
    23.01.2003
    Alter
    50
    Beiträge
    36
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard Navigationleiste

    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
    Gruss Claudia
    ... probieren geht über´s studieren... aber Eure Hilfe tut immer gut

  4. #4
    Administrator Avatar von admin
    Registriert seit
    16.01.2003
    Ort
    Karlsruhe
    Beiträge
    12.778
    Danke
    1
    Bekam 4 mal "Danke" in 2 Postings
    Blog-Einträge
    42

    Standard

    Erstelle Dir am besten eine Tabelle mit x-Zeilen.In diesen Zeilen setzt Du die einzelnen Nav Grafiken.
    Die Forenregeln und Nutzungsbedingungen sind auch zum lesen da !!!


  5. #5
    Teeny
    Themenstarter

    Registriert seit
    23.01.2003
    Alter
    50
    Beiträge
    36
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard Navigationsleiste

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



    Tausend, dank
    ich bin nämlich schon am verzweifeln.
    Gruss Claudia
    ... probieren geht über´s studieren... aber Eure Hilfe tut immer gut

  6. #6
    Administrator Avatar von admin
    Registriert seit
    16.01.2003
    Ort
    Karlsruhe
    Beiträge
    12.778
    Danke
    1
    Bekam 4 mal "Danke" in 2 Postings
    Blog-Einträge
    42

    Standard

    Habe nicht gleich Dein Problem verstanden, sorry
    Die Forenregeln und Nutzungsbedingungen sind auch zum lesen da !!!


  7. #7
    Teeny
    Themenstarter

    Registriert seit
    23.01.2003
    Alter
    50
    Beiträge
    36
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard


    Hallochen, und eigentlich gute Nacht!

    hab noch keine Tabelle bekommen. :cry: :cry: :cry: :cry:

    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">
    [img]D:/Eigene Dateien/Clips/Garnrollen/blau_re.gif[/img]</A>

    <A HREF="http://www.cb-sticken.de/" onMouseOver="switcher(3);return true"
    onMouseOut="switcher(4);return true">
    [img]D:/Eigene Dateien/Clips/Garnrollen/rot_re.gif[/img]</A>

    <A HREF="http://www.cb-sticken.de/" onMouseOver="switcher(5);return true"
    onMouseOut="switcher(6);return true">
    [img]D:/Eigene Dateien/Clips/Garnrollen/gelb_re.gif[/img]</A>

    <A HREF="http://www.cb-sticken.de/" onMouseOver="switcher(7);return true"
    onMouseOut="switcher(8);return true">
    [img]D:/Eigene Dateien/Clips/Garnrollen/lila_re.gif[/img]</A>

    <A HREF="http://www.cb-sticken.de/" onMouseOver="switcher(9);return true"
    onMouseOut="switcher(10);return true">
    [img]D:/Eigene Dateien/Clips/Garnrollen/gruen_re.gif[/img]</A>

    <A HREF="http://www.cb-sticken.de/" onMouseOver="switcher(11;return true"
    onMouseOut="switcher(12);return true">
    [img]D:/Eigene Dateien/Clips/Garnrollen/orange_re.gif[/img]</A>

    <A HREF="http://www.cb-sticken.de/" onMouseOver="switcher(13);return true"
    onMouseOut="switcher(14);return true">
    [img]D:/Eigene Dateien/Clips/Garnrollen/blau_re.gif[/img]</A>

    <A HREF="http://www.cb-sticken.de/" onMouseOver="switcher(15);return true"
    onMouseOut="switcher(16);return true">
    [img]D:/Eigene Dateien/Clips/Garnrollen/rosa_re.gif[/img]</A>

    <A HREF="http://www.cb-sticken.de/" onMouseOver="switcher(17);return true"
    onMouseOut="switcher(18);return true">
    [img]D:/Eigene Dateien/Clips/Garnrollen/gelb_re.gif[/img]</A>

    </tr>
    </Table>

    </body>
    </HEAD>
    </html>
    Gruss Claudia
    ... probieren geht über´s studieren... aber Eure Hilfe tut immer gut

  8. #8
    Administrator Avatar von admin
    Registriert seit
    16.01.2003
    Ort
    Karlsruhe
    Beiträge
    12.778
    Danke
    1
    Bekam 4 mal "Danke" in 2 Postings
    Blog-Einträge
    42

    Standard

    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
    Code:
    <html>
     <head>
     <title>Seitentitel</title>
     <script language="JavaScript">
      <!--
      Normal1 = new Image&#40;&#41;; 
      Normal1.src = "button1a.jpg"; /* Hier erste Standard-Grafik angeben */
      Highlight1 = new Image&#40;&#41;; 
      Highlight1.src = "button1b.jpg"; /* Hier erste Highlight-Grafik angeben */
    
      Normal2 = new Image&#40;&#41;; 
      Normal2.src = "button2a.jpg"; /* Hier zweite Standard-Grafik angeben */
      Highlight2 = new Image&#40;&#41;; 
      Highlight2.src = "button2b.jpg"; /* Hier zweite Highlight-Grafik angeben */
    
      /* usw. fuer alle weiteren zu benutzenden Grafiken */
    
      function Bildwechsel&#40;Bildnr,Bildobjekt&#41;
      &#123;
       window.document.images&#91;Bildnr&#93;.src = Bildobjekt.src;
      &#125;
     //-->
      //-->
     </script>
     </head>
     <body>
    
      <table><tr><td>
     <a href="index.htm" onMouseOver="Bildwechsel&#40;0,Highlight1&#41;"
     onMouseOut="Bildwechsel&#40;0,Normal1&#41;">
     [img]button1a.jpg[/img]</a> 
     </td><td>
     <a href="verweise.htm" onMouseOver="Bildwechsel&#40;1,Highlight2&#41;"
     onMouseOut="Bildwechsel&#40;1,Normal2&#41;">
     [img]button2a.jpg[/img]</a> 
     </td></tr></table>
    
     </body>
     </html>
    Die Forenregeln und Nutzungsbedingungen sind auch zum lesen da !!!


  9. #9
    umbenannt
    Gast

    Standard





    Mal ganz doofig fragt:

    Wird das ein Schal oder ein Häkelrock ?

  10. #10
    Administrator Avatar von admin
    Registriert seit
    16.01.2003
    Ort
    Karlsruhe
    Beiträge
    12.778
    Danke
    1
    Bekam 4 mal "Danke" in 2 Postings
    Blog-Einträge
    42

    Standard

    Das Ergebniss kannst Du, wenn alles klappt, auf der HP von mauritius sehen
    Die Forenregeln und Nutzungsbedingungen sind auch zum lesen da !!!


Ähnliche Themen

  1. Rollovereffekt der zwei Grafiken ändert
    Von Rolfsen im Forum Forum für Grafiken und Bildbearbeitung
    Antworten: 13
    Letzter Beitrag: 20.10.2006, 20:19
  2. Rollover-Effekte in Navigationsleiste vermeiden
    Von dulldeidi im Forum Zope & Plone - das deutsche Hilfeforum
    Antworten: 3
    Letzter Beitrag: 09.10.2006, 12:20
  3. Navigationsleiste
    Von Ragon016 im Forum HTML & CSS Forum
    Antworten: 2
    Letzter Beitrag: 21.08.2005, 13:29
  4. zwei Hintergrund Grafiken übereinander?
    Von Scarab im Forum HTML & CSS Forum
    Antworten: 8
    Letzter Beitrag: 18.04.2005, 17:20

Stichworte

Berechtigungen

  • Neue Themen erstellen: Nein
  • Themen beantworten: Nein
  • Anhänge hochladen: Nein
  • Beiträge bearbeiten: Nein
  •