minicrispie: Grafik neu laden

Beitrag lesen

Hallo,

Was ist falsch?

Du hast das Grundgerüst einer HTML-Datei nicht verstanden.

Folgender Aufbau:

<html>  
   <head>  
      <title>blubb</title>  
      <!-- ALLE Scripts und Styles -->  
   </head>  
   <body>  
   </body>  
</html>

Als erstes fügst du deine 2 Bilder ein:

<html>  
   <head>  
      <title>blubb</title>  
      <!-- ALLE Scripts und Styles -->  
   </head>  
   <body>  
      <img src...>  
      <img src...>  
   </body>  
</html>

Nun willst du also Bilder wecheseln.
also entsteht eine Funktion, die Bilder wechselt( neu lädt ):

<html>  
   <head>  
      <title>blubb</title>  
      <script type="text/javascript">
  
//Diese Fuktion lädt das Bild neu  
//PARAMETERLISTE:  
//1. Die ID des Bildes, damit es angesprochen werden kann.  
//2. Die Original-Adresse, an der später eine Zufallzahl als Parameter angehängt wird.  
//3. Die Zeit, nach der das Bild neu geladen wird.  
function ChangeImg( id, adresse, zeit )  
{  
    //Die Adresse des Bildes ändern  
    //Mit Hilfe der eindeutigen ID wird das Element mit document.getElementById() angesprochen.  
    //Mittels dieser Referenz auf das Bild kann auf die Adresse( src ) zugegriffen werden.  
    //An die normale Adresse wird ein Zufälliger Parameter angehangen( gegebenfalls ändern)  
    document.getElementById( id ).src = adresse + "?" + Math.random();  
  
    //Die Funktion nach [zeit] Sekunden nocheinmal aufrufen  
    //Dies Geschieht über eine Anonyme Funktion in der ChangeImg() rekursiv aufgerufen wird.  
    //Dabei werden alle Parameter der Funktion einfach mit übergeben  
    setTimeout( function()  
    {  
       ChangeImg( id, adresse, zeit );  
    }, zeit);  
}
</script>  
<head>  
<body>  
<img src="IMG_1.png" id="Bild_1" alt="">  
<img src="IMG_1.png" id="Bild_2" alt="">  
  
//Nach dem Rendern die Bild-Wechselnde Funktion aufrufen  
<script type="text/javascript">  
[code lang=javascript]/* Der Wechsel eines Bildes erfolgt nach 3 Sekunden (3000 Millisekunden) */  
ChangeImg( "Bild_1", "IMG_1.png", 3000); //Bild 1 und  
ChangeImg( "Bild_2", "IMG_2.png", 3000); //Bild 2.

</script>
</body>
</html>
[/code]

In deinem Fall hast du die Funktion bildneuladen() einfach überschrieben, da du sie neu definiert hast.

MfG. Christoph Ludwig

--
Wo die Sprache aufhört, fängt die Musik an...
Selfcode:  sh:) fo:) ch:° rl:( br:^ n4:} ie:{ mo:} va:) js:| de:] zu:) fl:( ss:| ls:~
Go to this