Carlos: Problem mit kopieren von Bildern

Hallo Leute,
ich habe ein Problem und zwar habe ich mit <style type="text/css">
zwei Felder mit zwei Bildern:

<script language="javascript">
document.write('<style type="text/css">');

document.write('#bild1{position: absolute; top:11px; left:11px; }');
// erstes Feld
document.write('#bild2{position: absolute; top:22px; left:22px; }');
// zweites Feld

document.write('</style>');

document.write('<div ID="bild1"><img name="bild1" src="bild1.jpg" ></div>');
document.write('<div ID="bild2"><img name="bild2" src="bild2.jpg" ></div>');

</script>

Ich möchte gerne noch ein drittes bild hinzufügen also:

document.write('#bild3{position: absolute; top:33px; left:33px; }');
document.write('<div ID="bild3"><img name="bild3" src="bild3.jpg" ></div>');

Mein Problem ist das geladene bild3 in den Feldern bild1 oder bild2 zu kopieren ohne
etwas an bild3 zuverändern und ohne es neu laden zu müssen da es ja schon
mal geladen wurde.

Ich bedanke mich für eure Hilfe!!!

Mfg Carlos

  1. Hallo Leute,
    ich habe ein Problem und zwar habe ich mit <style type="text/css">
    zwei Felder mit zwei Bildern:

    <script language="javascript">
    document.write('<style type="text/css">');

    document.write('#bild1{position: absolute; top:11px; left:11px; }');
    // erstes Feld
    document.write('#bild2{position: absolute; top:22px; left:22px; }');
    // zweites Feld

    document.write('</style>');

    document.write('<div ID="bild1"><img name="bild1" src="bild1.jpg" ></div>');
    document.write('<div ID="bild2"><img name="bild2" src="bild2.jpg" ></div>');

    </script>

    Du produzierst reichlich ungültigen HTML Code. Wo ist der Body? Wo ist der Header? usw.

    Ich möchte gerne noch ein drittes bild hinzufügen also:

    document.write('#bild3{position: absolute; top:33px; left:33px; }');
    document.write('<div ID="bild3"><img name="bild3" src="bild3.jpg" ></div>');

    Mein Problem ist das geladene bild3 in den Feldern bild1 oder bild2 zu kopieren ohne
    etwas an bild3 zuverändern und ohne es neu laden zu müssen da es ja schon
    mal geladen wurde.

    Ich verstehe dich nicht. In welche Felder? was genau hast du vor?

    Struppi.

    1. Hallo Struppi,

      Du produzierst reichlich ungültigen HTML Code. Wo ist der Body? Wo ist der Header? usw.

      Seit wann _müssen_ Head und Body in einer HTML-Datei sein? Beide sind optional.

      Grüße,

      Utz

      --
      Handgemachte Signaturen en Gros und en Detail - jetzt auch funktionierend
      1. Hallo Struppi,

        Du produzierst reichlich ungültigen HTML Code. Wo ist der Body? Wo ist der Header? usw.

        Seit wann _müssen_ Head und Body in einer HTML-Datei sein? Beide sind optional.

        Dann zeig mir mal ein HTML Dokument ohne head und body, was du durch den Validator bekommst: http://validator.w3.org/

        Struppi.

        1. Hallo Struppi,

          Dann zeig mir mal ein HTML Dokument ohne head und body, was du durch den Validator bekommst: http://validator.w3.org/

          Gerne:

          <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
                  "http://www.w3.org/TR/html4/strict.dtd">
          <html>
          <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
          <title>Fuer Struppi :-)</title>
          <p>Für Struppi:</p>
          <p><a href="http://validator.w3.org/check/referer"><img  src="http://www.w3.org/Icons/valid-html401" alt="Valid HTML 4.01!" height="31" width="88"></a></p>
          </html>

          Grüße,

          Utz

          --
          Handgemachte Signaturen - en Gros und en Detail
          1. Gerne:

            <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
                    "http://www.w3.org/TR/html4/strict.dtd">
            <html>
            <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
            <title>Fuer Struppi :-)</title>
            <p>Für Struppi:</p>
            <p><a href="http://validator.w3.org/check/referer"><img  src="http://www.w3.org/Icons/valid-html401" alt="Valid HTML 4.01!" height="31" width="88"></a></p>
            </html>

            Danke, wusste ich nicht. Sogar der Titel wird angezeigt.

    2. Hallo Leute,
      ich habe ein Problem und zwar habe ich mit <style type="text/css">
      zwei Felder mit zwei Bildern:

      <script language="javascript">
      document.write('<style type="text/css">');

      document.write('#bild1{position: absolute; top:11px; left:11px; }');
      // erstes Feld
      document.write('#bild2{position: absolute; top:22px; left:22px; }');
      // zweites Feld

      document.write('</style>');

      document.write('<div ID="bild1"><img name="bild1" src="bild1.jpg" ></div>');
      document.write('<div ID="bild2"><img name="bild2" src="bild2.jpg" ></div>');

      \»» »» </script>

      Ich möchte gerne noch ein drittes bild hinzufügen also:

      document.write('#bild3{position: absolute; top:33px; left:33px; }');
      document.write('<div ID="bild3"><img name="bild3" src="bild3.jpg" ></div>');

      Mein Problem ist das geladene bild3 in den Feldern bild1 oder bild2 zu kopieren ohne
      etwas an bild3 zuverändern und ohne es neu laden zu müssen da es ja schon
      mal geladen wurde.

      Header und den Rest von dem Kack ab ich weggelassen funktioniert aber trotzdem. Es geht darum, dass wenn ich den Befehl
      document.bild1.src = "bild2.jpg" verwende das Bild neu geladen werden muss, da ich 100 hundert Bilder in meiner Originalen Html (die sich fortlaufend veraendern) habe, will ich ein geladenes bild zu einem Ort kopieren ohne dass Originale zu veraendern oder zu verschieben um zeit zu sparen. Ich will das geladene Bild2.jpg von #bild2 nach #bild1 kopieren.

      Mfg.
      Carlos

      1. Hallo Leute,
        ich habe ein Problem und zwar habe ich mit <style type="text/css">
        zwei Felder mit zwei Bildern:

        <script language="javascript">
        document.write('<style type="text/css">');

        document.write('#bild1{position: absolute; top:11px; left:11px; }');
        // erstes Feld
        document.write('#bild2{position: absolute; top:22px; left:22px; }');
        // zweites Feld

        document.write('</style>');

        document.write('<div ID="bild1"><img name="bild1" src="bild1.jpg" ></div>');
        document.write('<div ID="bild2"><img name="bild2" src="bild2.jpg" ></div>');

        \»» »» </script>

        Ich möchte gerne noch ein drittes bild hinzufügen also:

        document.write('#bild3{position: absolute; top:33px; left:33px; }');
        document.write('<div ID="bild3"><img name="bild3" src="bild3.jpg" ></div>');

        Mein Problem ist das geladene bild3 in den Feldern bild1 oder bild2 zu kopieren ohne
        etwas an bild3 zuverändern und ohne es neu laden zu müssen da es ja schon
        mal geladen wurde.

        Header und den Rest von dem Kack ab ich weggelassen funktioniert aber trotzdem. Es geht darum, dass wenn ich den Befehl

        Na es funktioniert ja nicht. Und es gibt Browser die mit so einem Murks durchaus Probleme bekommen. aber da du die Seiten ja nur für dich machst ist es auch ok.

        document.bild1.src = "bild2.jpg" verwende das Bild neu geladen werden

        muss, da ich 100 hundert Bilder in meiner Originalen Html (die sich fortlaufend veraendern) habe, will ich ein geladenes bild zu einem Ort kopieren ohne dass Originale zu veraendern oder zu verschieben um zeit zu sparen. Ich will das geladene Bild2.jpg von #bild2 nach #bild1 kopieren.

        Ja, und das Problem, es geht doch:
        document.bild1.src = document.bild2.src;

        Das funktioniert aber auch nicht überall, da Netscape 4.x einen positionierten Layer so anspricht als wäre dieser ein eigenes Fenster:
        document.bild1.document.bild1.src = document.bild2.document.bild2.src;

        Irgendwie versteh ich immer noch nicht was du machen wilst. Eine Beispielseite hast du nicht parat?

        Struppi.

        1. Geh mal auf www.bad-tuning.de (Geht auch ohne Header! , Spass)
          das bild2.jpg ist schon geladen aber wenn ich auf dem Knopf druecken
          braucht der browser wieder die scheiss ladezeit bis alle bilder dargestellt werden ist zwar nur ne Sekunde oder zwei(haengt vom rechner ab bei meinem bruder ist keine ladezeit(. kannst dir dann vorstellen wenn ich hundert bilder habe in unterschiedlichen groessen hab was dann los ist. Es muss doch ne moeglichkeit geben dass bild zuuebertragen ohne es neu laden zu muessen

          1. Geh mal auf www.bad-tuning.de (Geht auch ohne Header! , Spass)
            das bild2.jpg ist schon geladen aber wenn ich auf dem Knopf druecken
            braucht der browser wieder die scheiss ladezeit bis alle bilder dargestellt werden ist zwar nur ne Sekunde oder zwei(haengt vom rechner ab bei meinem bruder ist keine ladezeit(. kannst dir dann vorstellen wenn ich hundert bilder habe in unterschiedlichen groessen hab was dann los ist. Es muss doch ne moeglichkeit geben dass bild zuuebertragen ohne es neu laden zu muessen

            Tut mir leid. Im IE hab ich JS ausgeschaltet und Netscape zeigt nur gelbe und eine rote Linie an.

            Kann dir leider nicht weiterhelfen und hab keine Lust jetzt den Code irgendwie gültig zu machen dass er bei mir auch läuft.

            Struppi.