JavaScript Bildwechsel --> funktioniert nicht ganz

Dieses Thema JavaScript Bildwechsel --> funktioniert nicht ganz im Forum "Webentwicklung, Hosting & Programmierung" wurde erstellt von Corny_online, 22. Mai 2003.

Thema: JavaScript Bildwechsel --> funktioniert nicht ganz Hallo! Wenn sich der Mauszeiger auf Home befindet verändert sich nicht der Button, sondern man sieht den zweiten...

  1. Hallo!

    Wenn sich der Mauszeiger auf Home befindet verändert sich nicht der Button, sondern man sieht den zweiten Button im Titelbild oben - warum?

    Code:
    <head>
    <title>test</title>
    </head>
    
    <body bottommargin=0 topmargin=0>
    
    <center>
    
    <!-- Anfang Titelbild (Tabelle) -->
    <table width=700 border=2 cellspacing=0 cellpadding=0 align=center>
    <img src=titelbild.PNG width=700 height=100 border=0 alt=>
    </table>
    <!-- Ende Titelbild (Tabelle) -->
    
    <!-- Anfang von Tabelle mit Navigation und Inhalt -->
    <table width=700 bgcolor=d3e5fa border=2 cellspacing=0 cellpadding=10>
    <tr>
    
    <font color=black>
    
    
    
    <script type=text/javascript>
    <!--
    Normal1 = new Image();
    Normal1.src = home1.png;     /* erste Standard-Grafik */
    Highlight1 = new Image();
    Highlight1.src = home2.png; /* erste Highlight-Grafik */
    
    function Bildwechsel(Bildnr,Bildobjekt) {
     window.document.images[Bildnr].src = Bildobjekt.src;
    }
    //-->
    </script>
    
    <td width=20% valign=top>
    
    <a href=index.html
       onMouseOver=Bildwechsel(0,Highlight1)
       onMouseOut=Bildwechsel(0,Normal1)><img src=home1.png
       width=100 height=20 border=0 alt=Home></a><br>
    
    </td>
    
    
    
    <td width=80% valign=top>
    <p align=left>
    <font face=arial color=black size=3><b>News</b>
    </p>
    text<br>
    text<br>
    text<br>
    text<br>
    text<br>
    text<br>
    text<br>
    text<br>
    text<br>
    text<br>
    text<br>
    text<br>
    text<br>
    text<br>
    text<br>
    text<br>
    <br><br><br>
    <p align=center><a href=#top><img src=img/oben.jpg width=32 height=30 border=0 alt=nach oben></a></p>
    <br><br><br><br>
    </td>
    </font>
    </tr>
    </table>
    <!-- Ende von Tabelle mit Navigation und Inhalt -->
    
    </center>
    
    </body>
    </html>
    MfG, Corny|on
     
  2. Hi Corny|on,

    du würdest mir einen großen Gefallen tun, wenn du die Seite mal uploaden könntest, sodass auch alle Bilder verfügbar sind!
    Ohne Bilder lässt sich m.E. so schwer das Problem finden ::)

    Lieder bin ich nicht so bewandert, dass ich den Fehler mal eben aus dem Quellcode rauslesen kann!

    MfG
    Funky
     
  3. Hallo Funky!

    Ich habe meinen Account bei Yahoo! abgemeldet - deshalb kann ich das die Seite nicht uploaden. ::)

    MfG, Cornyon
     
  4. Ist ja logisch .... !!!

    Mit dem Script:
    Code:
    Bildwechsel(0,Highlight1)
    anderst Du ja das 0. Bild der Seite und das ist das titelbild.PNG. Also entweder änderst du den Aufruf nach:
    Code:
    Bildwechsel(1,Highlight1)
    oder du arbeitest mit Img-Namen.
    Code:
    <script type=text/javascript>
    <!--
    function Bildwechsel(Bildname,Bildobjekt) {
    window.document.images[Bildname].src = Bildobjekt.src;
    }
    //-->
    </script>
    
    <td width=20% valign=top>
    
    <a href=index.html
      onMouseOver=Bildwechsel(BildHome,Highlight1)
      onMouseOut=Bildwechsel(BildHome,Normal1)>
    <img src=home1.png
      width=100 height=20 border=0 alt=Home name=BildHome></a><br>
    
    </td>
    
     
  5. Nun funktioniert es - vielen Dank für deine Antwort. :)

    Jedoch warum ist titelbild.PNG das 0. Bild der Seite?


    MfG, Corny|on


    PS:
    Ich habe den Code aus einem Tutorial - also ich kann nicht wirklich in JavaScript programmieren. ::)
     
  6. Die Bilder werden der Reihe nach durchnummeriert, wie sie im HTML-Code geladen werden und da dein Titelbild als erstes kommt ist es das 1. bzw. das 0. Bild.

    Die beginnen immer bei 0, statt bei 1. :)

    Code:
    .
    .
    .
    
    1. BILD, Bild Nr. 0
    <img src=titelbild.PNG width=700 height=100 border=0 alt=>
    .
    .
    .
    2. BILD, Bild Nr. 1
    <img src=home1.png  width=100 height=20 border=0 alt=Home>
    .
    .
    .
    3. BILD, Bild Nr. 2
    <img src=img/oben.jpg width=32 height=30 border=0 alt=nach oben>
    .
    .
    .
     
  7. Habe verstanden - danke! :)

    MfG, Corny|on
     
Die Seite wird geladen...

JavaScript Bildwechsel --> funktioniert nicht ganz - Ähnliche Themen

Forum Datum
Firefox 23.0.1 Javascript verschwunden..... Web-Browser 30. Aug. 2013
W7 64 Bit - JavaScript aktivieren ....Wie geht das ?? Software: Empfehlungen, Gesuche & Problemlösungen 15. Aug. 2009
Javascript will Elemente nicht erkennen Windows XP Forum 2. Mai 2010
Firefox zeigt Website (JavaScript) fehlerhaft an Web-Browser 1. Feb. 2010
Testing JavaScript for Accessibility Windows XP Forum 15. Jan. 2010