cms-maurer: Javascript positionieren

Hilfe,

ich habe auf http://de.selfhtml.org/javascript/objekte/images.htm unten stehendes Script gefunden.
Das Bild im ersten Teil kann ich positionieren, das hat ja noch nichts mit dem Script zu tun.
Da Javascipt steht immer oben links im body.
Siehe http://www.suedtiroler-skiklinik.de/ssk/galerie_test.html

Wie kann ich das bild in ander id-Bereiche brinden oder entsprechen positionieren?

Vielen Dank für euere Unterstützung

-----------------------------------------------------------------------

<html><head><title>Test</title>
</head><body>
<img src="hans.gif" width="400" height="300" alt="Hans">
<script type="text/javascript">
var b = new Array();
b[0] = new Image(); b[0].src = "holger.gif";
b[1] = new Image(); b[1].src = "hilmar.gif";
b[2] = new Image(); b[2].src = "heiner.gif";
b[3] = new Image(); b[3].src = "hans.gif";
var i = 0;
function Animation () {
  if (i > 3)
    i = 0;
  document.images[0].src = b[i].src;
  i = i + 1;
  window.setTimeout("Animation()", 1000);
}

window.setTimeout("Animation()", 1000);
</script>
</body></html>

  1. Moin,

    Da Javascipt steht immer oben links im body.

    was meinst du damit? Das Javascript wird nicht angezeigt, und es produziert auch selbst keine Ausgabe. Es tauscht nur das erste im Dokument vorhandene Bild zyklisch aus.

    Wie kann ich das bild in ander id-Bereiche brinden oder entsprechen positionieren?

    Was möchtest du wirklich? Das Bild positionieren? Dann tu das doch.
    Oder möchtest du, dass das Script mit einem anderen Bild arbeitet? Dann ändere den Bildindex, oder verwende einen Namen.

    Oder werde konkreter, wenn's das alles noch nicht ist.

    Ciao,
     Martin

    --
    Warum können wir heute so sicher sagen, dass Gott keine Frau sein kann?
    Weil dann nach "Es werde Licht" der nächste Satz "Wie sieht denn das hier aus?!" gewesen wäre.
    Selfcode: fo:) ch:{ rl:| br:< n4:( ie:| mo:| va:) de:] zu:) fl:{ ss:) ls:µ js:(
    1. hallo martin,
      danke für die antwort.

      hier ein aus zug aus meiner html seite in die ich das script eingebunden habe.

      die bilerschau soll im id=bild_gross ablaufen. erscheint aber immer im id=logo.

      ich würde die bilderschau auch gerne an anderen stellen meiner html-seite einbinden.

      <body>
      <div id="top">
      <div id="logo"><!-- InstanceBeginEditable name="logo" --><img src="../bilder/logo.jpg" width="300" height="250"><!-- InstanceEndEditable --></div>

      <div id="bild_gross">
      <img src="../bilder/a01.jpg" width="600" height="250" alt="a01.jpg">
      <script type="text/javascript">
      var b = new Array();
      b[0] = new Image(); b[0].src = "../bilder/a01.jpg";
      b[1] = new Image(); b[1].src = "../bilder/a02.jpg";
      b[2] = new Image(); b[2].src = "../bilder/a03.jpg";
      b[3] = new Image(); b[3].src = "../bilder/a04.jpg";
      var i = 0;
      function Animation () {
        if (i > 3)
          i = 0;
        document.images[0].src = b[i].src;
        i = i + 1;
        window.setTimeout("Animation()", 1000);
      }

      window.setTimeout("Animation()", 1000);
      </script>
      </div>
      </div>

      1. Hallo,

        hier ein aus zug aus meiner html seite in die ich das script eingebunden habe.

        die bilerschau soll im id=bild_gross ablaufen. erscheint aber immer im id=logo.

        ich würde die bilderschau auch gerne an anderen stellen meiner html-seite einbinden.

        <body>
        <div id="top">
        <div id="logo"><!-- InstanceBeginEditable name="logo" --><img src="../bilder/logo.jpg" width="300" height="250"><!-- InstanceEndEditable --></div>

        <div id="bild_gross">
        <img src="../bilder/a01.jpg" width="600" height="250" alt="a01.jpg">
        <script type="text/javascript">
        var b = new Array();
        b[0] = new Image(); b[0].src = "../bilder/a01.jpg";
        b[1] = new Image(); b[1].src = "../bilder/a02.jpg";
        b[2] = new Image(); b[2].src = "../bilder/a03.jpg";
        b[3] = new Image(); b[3].src = "../bilder/a04.jpg";
        var i = 0;
        function Animation () {
          if (i > 3)
            i = 0;
          document.images[0].src = b[i].src;
          i = i + 1;
          window.setTimeout("Animation()", 1000);
        }

        window.setTimeout("Animation()", 1000);
        </script>
        </div>
        </div>

        Das ist der nachteil von Copy-Pasta, man macht sich nicht ausreichend Gedanken darüber wie das kopierte funktioniert.

        Im Moment sucht das Script das erste img-Element im Dokument (document.images[0]). Bei die ist das deiner Beschreibung nach das Logo.

        Du musst also die Zeile document.images[0].src = ... entsprechend deinen Wünschen abändern. Entweder du änderst den Index auf das entsprechende img Element (nicht mein bevorzugter Weg) oder du verpasst dem img-Element eine eindeutige Id und suchst im Script danach

        Ich würde das Skript auch nicht unbedingt mitten im html einbauen.
        martachen

      2. Hi,

        danke für die antwort.

        <jogi-löw>Und hasch se g'lesa? - <kopfnicken/> Mmm-hm.
        Und hasch se au verstanda? - <kopfschütteln/> Mmm-mm.</jogi-löw>

        die bilerschau soll im id=bild_gross ablaufen. erscheint aber immer im id=logo.

        Ja. Ich sagte doch bereits: Das Script tauscht nur das erste im Dokument vorhandene Bild zyklisch aus.
        Wenn du es auf ein anderes Bild anwenden willst, ändere den Bild-Index im Script. Noch besser: Gib deinem Bild einen Namen, und adressiere es über diesen Namen.

        <img src="../bilder/a01.jpg" width="600" height="250" alt="a01.jpg">

        Hier ein name-Attribut ergänzen ...

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

        ... und den gewählten Namen hier als Index der images-Collection einsetzen.

        Ciao,
         Martin

        --
        Die beste Informationsquelle sind Leute, die jemand anderem versprochen haben, nichts weiterzuerzählen.
          (alte Journalistenweisheit)
        Selfcode: fo:) ch:{ rl:| br:< n4:( ie:| mo:| va:) de:] zu:) fl:{ ss:) ls:µ js:(