Jonas Jochum: automatischer Bildwechsel

n'abend allerseits!
ich steh' hier vor einem ernsten Problem. Ich würde gerne eine Seite basteln, bei der ein Bild im 'Mittelpunkt' steht und sich nicht verändert. Darum liegen dann in einer Art Kreis noch ein paar Bilder, die sich zufällig ändern sollen. Die Bilder bleiben die gleichen, sie sollen bloß ihre Position in diesem Kreis nach einigen Sekunden ändern (keine Animation!).
Da ich noch Anfänger bin, steh' ich hier wie der Ochs' vorm Berg. Ich hab' absolut keine Peilung, wie ich das angehen soll. Für jede Hilfe wäre ich dankbar, selbst wenn es kein kompletter Sourcecode ist ;-)).
MFG,
Jonas

  1. Hallo Jonas,

    Ich würde gerne eine Seite basteln, bei der ein Bild im 'Mittelpunkt' steht und sich nicht verändert. Darum liegen dann in einer Art Kreis noch ein paar Bilder, die sich zufällig ändern sollen. Die Bilder bleiben die gleichen, sie sollen bloß ihre Position in diesem Kreis nach einigen Sekunden ändern (keine Animation!).

    Typischer Fall fuer Dynamic HTML. Also <layer>/<div> und JavaScript zum Bewegen der Bereiche. Geht nur mit Browsern der 4er-Versionen und ist fuer Anfaenger sicher kein geeignetes Uebungsfeld. Wenn Du Dich in die Materie einarbeiten willst, musst Du erst mal vieles ueber JavaScript verstehen und dann kannst Du z.B. das Kapitel ueber DHTML in SELFHTML lesen (<../../tf.htm>).

    Mit einem (fast) fertigen Script kann ich Dir nicht dienen, aber vielleicht hat ja jemand so was.

    Viele Gruesse
      Stefan Muenz

    1. Hallo Jonas,

      Ich würde gerne eine Seite basteln, bei der ein Bild im 'Mittelpunkt' steht und sich nicht verändert. Darum liegen dann in einer Art Kreis noch ein paar Bilder, die sich zufällig ändern sollen. Die Bilder bleiben die gleichen, sie sollen bloß ihre Position in diesem Kreis nach einigen Sekunden ändern (keine Animation!).

      Typischer Fall fuer Dynamic HTML. Also <layer>/<div> und JavaScript zum Bewegen der Bereiche. Geht nur mit Browsern der 4er-Versionen und ist fuer Anfaenger sicher kein geeignetes Uebungsfeld. Wenn Du Dich in die Materie einarbeiten willst, musst Du erst mal vieles ueber JavaScript verstehen und dann kannst Du z.B. das Kapitel ueber DHTML in SELFHTML lesen (<../../tf.htm>).

      Hm, wieso Dynamic HTML? Ist m.E. für diesen Fall etwas overdone...

      Warum nicht einfach den Bildern Namen geben
      <img src="bild1.gif" name="bild1">
      <img src="bild2.gif" name="bild2">
      ...

      Und dann eine eine Funktion, die sich mit setTimeout wieder aufruft und auch zufallsgesteuert die Bildchen austauscht.

      function tausche() {
        bild1.src = 'bild' + Anzahl_Bilder * Math.random() + 1;
        bild2.src = ...
        setTimeout("tausche(), 5000 * Math.random() + 1);
      }

      Dann noch ein

      <body onload="tausche()">

      und die Sache dürfte laufen. Hat den kleinen Schönheitsfehler, daß die Bilder immer alle getauscht werden, was dann nicht mehr sooo zufällig wirken könnte. Aber eine andere Lösung, die jedes Bild einzeln behandelt und auch nicht immer unbedingt bei jeden Aufruf auch austauscht, wäre ja auch denkbar. Nur etwas komplizierter...

      Hoffe, das hilft.

      Ciao, Felix

      1. Hallo Felix,

        Hm, wieso Dynamic HTML? Ist m.E. für diesen Fall etwas overdone...

        Lies Dir die Frage von Jonas mal aufmerksam durch. Er will erreichen, dass sich die Grafiken nicht nur aendern, sondern auch vom Platz bewegen.

        Viele Gruesse
          Stefan Muenz

        1. Hm, wieso Dynamic HTML? Ist m.E. für diesen Fall etwas overdone...

          Lies Dir die Frage von Jonas mal aufmerksam durch. Er will erreichen, dass sich die Grafiken nicht nur aendern, sondern auch vom Platz bewegen.

          Hallo Stefan
          Ich hab' mir das so gedacht, wie es der Felix gemeint hat. Ich hab' mich wohl etwas ungeschickt ausgedrückt. Das Script vom Felix sollte so passen. Ich werde es heute mittag wohl noch ausprobieren. :-) Danke Felix!
          Die Bilder sollen nicht umherwandern (so hattest Du es wahrscheinlich verstanden, Stefan). Es sollen immer die selben paar Bilder sein, aber immer zufällig die Postition ändern. Also, anstatt von Bild 1 soll Bild 3 stehen, anstatt von Bild 2 Bild 1 usw. Das ganze natürlich mit etwas mehr Bildern ;-)
          MFG,
          Jonas Jochum

          Und vielen Dank für Eure Tips :o)

  2. Hallo Jonas

    ich steh' hier vor einem ernsten Problem. Ich würde gerne eine Seite basteln, bei der ein Bild im 'Mittelpunkt' steht und sich nicht verändert. Darum liegen dann in einer Art Kreis noch ein paar Bilder, die sich zufällig ändern sollen. Die Bilder bleiben die gleichen, sie sollen bloß ihre Position in diesem Kreis nach einigen Sekunden ändern (keine Animation!).

    Gibt es einen bestimmten Grund, warum es keine Animationen sein sollen?
    Wenn die Bilder nicht zu gross sind, waeren fuer mich ein paar animated GIFs die einfachste Loesung fuer Dein Problem, obwohl ich WebSeiten mit zuviel Blinkerei eigentlich nicht mag ;-)

    Gruesschen
    Christoph