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. 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>
     
  3. 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. 19. Mai 2006
    Ja, selbstverständlich,

    Hier:

    http://rapidshare.de/files/20844714/rr.rar.html




    Ach ja 10er is auch drinne!
     
  5. 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. 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. 22. Mai 2006
    Jo, danke nochma, hab euch beiden nen 10er gegeben.

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

    Videos zum Themenbereich

    * gefundene Videos auf YouTube, anhand der Überschrift.