kleines problem mit javascript...

Dieses Thema im Forum "Webentwicklung" wurde erstellt von h3llr4is3r, 19. Mai 2006 .

Schlagworte:
Status des Themas:
Es sind keine weiteren Antworten möglich.
  1. Diese Seite verwendet Cookies. Wenn du dich weiterhin auf dieser Seite aufhältst, akzeptierst du unseren Einsatz von Cookies. Weitere Informationen
  1. #1 19. Mai 2006
    Hi,
    Ich habe dies hier geschrieben nur mein problem ist nun, dass sich immer alles verschiebt wenn ich mit meiner maus auf nen link gehe...

    KOmischer weise wechstelt dann der grosse banner auch, obwohl er gar nicht dort eingebunden ist...

    Hoffe ihr könnt mir irgendwie helfen

    Code:
    
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
    "http://www.w3.org/TR/html4/loose.dtd">
    <html>
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
    <title>Untitled Document</title>
    
    <script type="text/javascript">
    Normal1 = new Image();
    Normal1.src = "banner-01_02.jpg"; 
    Highlight1 = new Image();
    Highlight1.src = "banner-01_02a.jpg"; 
    
    Normal2 = new Image();
    Normal2.src = "banner-01_03.jpg"; 
    Highlight2 = new Image();
    Highlight2.src = "banner-01_03a.jpg"; 
    
    Normal3 = new Image();
    Normal3.src = "banner-01_04.jpg"; 
    Highlight3 = new Image();
    Highlight3.src = "banner-01_04a.jpg"; 
    
    Normal4 = new Image();
    Normal4.src = "banner-01_05.jpg"; 
    Highlight4 = new Image();
    Highlight4.src = "banner-01_05a.jpg"; 
    
    Normal5 = new Image();
    Normal5.src = "banner-01_06.jpg"; 
    Highlight5 = new Image();
    Highlight5.src = "banner-01_06a.jpg"; 
    
    Normal6 = new Image();
    Normal6.src = "banner-01_07.jpg"; 
    Highlight6 = new Image();
    Highlight6.src = "banner-01_07a.jpg"; 
    
    Normal7 = new Image();
    Normal7.src = "banner-01_08.jpg"; 
    Highlight7 = new Image();
    Highlight7.src = "banner-01_08a.jpg"; 
    
    
    
    function Bildwechsel (Bildnr, Bildobjekt) {
     window.document.images[Bildnr].src = Bildobjekt.src;
    }
    </script>
    
    
    </head>
    
    <body>
    <table border="0" cellpadding="0" cellspacing="0"><tr><td width="600" height="113">
    <img src="banner.gif" width="600" height="113">
    </td></tr></table>
    <table border="0" cellpadding="0" cellspacing="0"><tr><td>
    <a href="index.htm"
     onmouseover="Bildwechsel(0, Highlight1)"
     onmouseout="Bildwechsel(0, Normal1)"><img src="banner-01_02.jpg" width="85" height="37" border="0" alt="Home"></a></td><td>
     
    <a href="index.htm"
     onmouseover="Bildwechsel(1, Highlight2)"
     onmouseout="Bildwechsel(1, Normal2)"><img src="banner-01_03.jpg" width="85" height="37" border="0" alt="Helferlein"></a></td><td>
     
    <a href="index.htm"
     onmouseover="Bildwechsel(2, Highlight3)"
     onmouseout="Bildwechsel(2, Normal3)"><img src="banner-01_04.jpg" width="85" height="37" border="0" alt="Layouts"></a></td><td>
     
    <a href="index.htm"
     onmouseover="Bildwechsel(3, Highlight4)"
     onmouseout="Bildwechsel(3, Normal4)"><img src="banner-01_05.jpg" width="85" height="37" border="0" alt="Home"></a></td><td>
     
    <a href="index.htm"
     onmouseover="Bildwechsel(4, Highlight5)"
     onmouseout="Bildwechsel(4, Normal5)"><img src="banner-01_06.jpg" width="85" height="37" border="0" alt="Helferlein"></a></td><td>
     
    <a href="index.htm"
     onmouseover="Bildwechsel(5, Highlight6)"
     onmouseout="Bildwechsel(5, Normal6)"><img src="banner-01_07.jpg" width="85" height="37" border="0" alt="Layouts"></a></td><td> 
    
    <a href="index.htm"
     onmouseover="Bildwechsel(6, Highlight7)"
     onmouseout="Bildwechsel(6, Normal7)"><img src="banner-01_08.jpg" width="90" height="37" border="0" alt="Home"></a></td></tr></table>
     
    
    </body>
    </html>
    
    
     

  2. Anzeige
  3. #2 19. Mai 2006
    Ich versteh deine Beschreibung nicht. Kannst du das Teil inkl. Bilder irgendwo hochladen, damit man nicht per Copy'n paste rumprobieren muss?
     
  4. #3 19. Mai 2006
  5. #4 21. Mai 2006
    ich hab dir mal mein eigenes script von meiner uralten Homepage angehangen, evtl. hilft es dir. du musst nur immer drauf achten, die richtigen Bilder beim richtigen LInk zu plazieren.
     
  6. #5 21. Mai 2006
    Getestet in Opera, Firefox, IE:
    Code:
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
    <html>
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
    <title>Untitled Document</title>
    
    
    </head>
    
    <body>
    <table border="0" cellpadding="0" cellspacing="0"><tr><td width="600" height="113">
    <img src="banner.gif" width="600" height="113">
    </td></tr></table>
    
    <table border="0" cellpadding="0" cellspacing="0">
     <tr>
     <td>
     <a href="#">
     <img src="banner-01_02.jpg" border="0" onmouseover="this.src=('banner-01_02a.jpg');" onmouseout="this.src=('banner-01_02.jpg');">
     </a>
     </td>
     <td>
     <a href="#">
     <img src="banner-01_03.jpg" border="0" onmouseover="this.src=('banner-01_03a.jpg');" onmouseout="this.src=('banner-01_03.jpg');">
     </a>
     </td>
     <td>
     <a href="#">
     <img src="banner-01_04.jpg" border="0" onmouseover="this.src=('banner-01_04a.jpg');" onmouseout="this.src=('banner-01_04.jpg');">
     </a>
     </td>
     <td>
     <a href="#">
     <img src="banner-01_05.jpg" border="0" onmouseover="this.src=('banner-01_05a.jpg');" onmouseout="this.src=('banner-01_05.jpg');">
     </a>
     </td>
     <td>
     <a href="#">
     <img src="banner-01_06.jpg" border="0" onmouseover="this.src=('banner-01_06a.jpg');" onmouseout="this.src=('banner-01_06.jpg');">
     </a>
     </td>
     <td>
     <a href="#">
     <img src="banner-01_07.jpg" border="0" onmouseover="this.src=('banner-01_07a.jpg');" onmouseout="this.src=('banner-01_07.jpg');">
     </a>
     </td>
     <td>
     <a href="#">
     <img src="banner-01_08.jpg" border="0" onmouseover="this.src=('banner-01_08a.jpg');" onmouseout="this.src=('banner-01_08.jpg');">
     </a>
     </td>
     </tr>
    </table>
    
    </body>
    </html>
    
     
  7. #6 22. Mai 2006
    Jo, danke nochma, hab euch beiden nen 10er gegeben.

    btw: wieso issn meine bewertung auf mal so schlecht ?(
     
  8. #7 22. Mai 2006
    JS ist bei Imagewechseln veraltet; CSS schafft Abhilfe! Nicht nur das CSS schneller ist, es funktioniert garantiert mit allen Browsern.
     
  9. #8 22. Mai 2006
    Und JavaScript hat nicht jeder aktiviert.. ^^
     

  10. Videos zum Thema
Die Seite wird geladen...
Similar Threads - kleines problem javascript
  1. Antworten:
    4
    Aufrufe:
    1.255
  2. Antworten:
    2
    Aufrufe:
    671
  3. Kleines Word 2007 Problem

    BerndderBusch , 23. August 2012 , im Forum: Windows
    Antworten:
    6
    Aufrufe:
    833
  4. Kleines Matheproblem

    Flairmotion , 12. April 2011 , im Forum: Alltagsprobleme
    Antworten:
    12
    Aufrufe:
    663
  5. Antworten:
    1
    Aufrufe:
    607