automatischer Bildwechsel

[Kai]

Hallo erstmal.
Meine Frage betrifft folgende Funktion:
http://de.selfhtml.org/javascript/objekte/images.htm#src

Ich habe eine, mit einer Tabelle strukturierte, Seite auf der, in den verschiedenen Zellen, mehrere Grafiken angezeigt werden. Eine dieser Grafiken möchte ich mit o.a. Funktion wechseln.
Also habe ich im Quelltext in der betreffenden Zelle die Funktion eingefügt, Namen und Pfade angepasst.
Folgendes Phänomen tritt auf: Das zuerst geladene Bild bleibt bestehen; dafür wird eine andere Grafik mit den in der Funktion angegebenen getauscht. Ich finde den Fehler nicht. Weiss jemand Rat?
Als Hinweis: Die Seite ist in .php benannt, da ich die Navigation per include reinladen möchte. Ein anderes Java-Script funktionierte, als die Seite noch als .html benannt war; als .php funzte dieses nicht.

Quelltextauszug:

<td width="280" height="290">
     <div align="center">
      <a href="portrait.php"><img src="pics/portrait/portrait4.gif" alt="">
<script type="text/javascript">
var b = new Array();
b[0] = new Image(); b[0].src = "pics/portrait/portrait1.gif";
b[1] = new Image(); b[1].src = "pics/portrait/portrait2.gif";
b[2] = new Image(); b[2].src = "pics/portrait/portrait3.gif";
b[3] = new Image(); b[3].src = "pics/portrait/portrait4.gif";
var i = 0;
function Animation () {
  if (i > 3)
    i = 0;
  document.images[0].src = b[i].src;
  i = i + 1;
  window.setTimeout("Animation()", 3000);
}

window.setTimeout("Animation()", 3000);
</script></a></div>
    </td>

Vielen Dank vorab.

[Martin Hölter]

Hi!

document.images[0].src = b[i].src;

Somit tauscht du das 1. Bild, welches in deinem Quelltext vorkommt. Du kannst ihm auch eine ID verpassen und dann per document.getElmentById drauf zugreifen.

Ausserdem hat du das <script> in ein <a>-Element gepackt, ist zumindest ziemlich ungewöhnlich.

Gruß

Martin

[Klawischnigg]

Hi there,

Somit tauscht du das 1. Bild, welches in deinem Quelltext vorkommt. Du kannst ihm auch eine ID verpassen und dann per document.getElmentById drauf zugreifen.

Nicht gut, besser ist, er gibt dem Bild einen Namen, dann kann er mit document.BILDNAME.src d'rauf zugreifen...

Ausserdem hat du das <script> in ein <a>-Element gepackt, ist zumindest ziemlich ungewöhnlich.

Wenn's funktioniert, wayne interessierts ???

[Kai]

"»» Nicht gut, besser ist, er gibt dem Bild einen Namen, dann kann er mit document.BILDNAME.src d'rauf zugreifen..."

Hört sich einfacher an. Da ich in Java nicht fit bin, sollte das dann so aussehen?

<a href="portrait.php"><img src="pics/portrait/portrait4.gif" alt="" name="portrait">
<script type="text/javascript">»» var b = new Array();
b[0] = new Image(); b[0].src = "pics/portrait/portrait1.gif";
b[1] = new Image(); b[1].src = "pics/portrait/portrait2.gif";
b[2] = new Image(); b[2].src = "pics/portrait/portrait3.gif";
b[3] = new Image(); b[3].src = "pics/portrait/portrait4.gif";
var i = 0;
function Animation () {
  if (i > 3)
    i = 0;
  document.portrait.src = b[i].src;
  i = i + 1;

Danke schonmal; Gruß, Kai.

[Martin Hölter]

Hi!

<a href="portrait.php"><img src="pics/portrait/portrait4.gif" alt="" name="portrait">  
<script type="text/javascript">[code lang=javascript]var b = new Array();  
b[0] = new Image(); b[0].src = "pics/portrait/portrait1.gif";  
b[1] = new Image(); b[1].src = "pics/portrait/portrait2.gif";  
b[2] = new Image(); b[2].src = "pics/portrait/portrait3.gif";  
b[3] = new Image(); b[3].src = "pics/portrait/portrait4.gif";  
var i = 0;  
function Animation () {  
if (i > 3)  
 i = 0;  
 document.portrait.src = b[i].src;  
 i = i + 1;  
/*folgendes fehlte noch*/  
}

</script>[/code]

Aber warum probierst du den Code nciht einfach aus? Ich sehe zumindest keine Fehler da drin.

Gruß

Martin

[Kai]

Aber warum probierst du den Code nciht einfach aus? Ich sehe zumindest keine Fehler da drin.

Vielen Dank, habe ich inzwischen getan - und funzt!!!

Gruß, Kai.

[Kai]

"»» »»   document.images[0].src = b[i].src;

Somit tauscht du das 1. Bild, welches in deinem Quelltext vorkommt. Du kannst ihm auch eine ID verpassen und dann per document.getElmentById drauf zugreifen."

Vielen Dank für den Hinweis.

"»» Ausserdem hat du das <script> in ein <a>-Element gepackt, ist zumindest ziemlich ungewöhnlich."

Die Grafik ist mit einer weiteren Seite verlinkt; ist vielleicht nicht die sauberste Methode; GoLive hat's so ausgespuckt.

Gruß, Kai.