Hajo Newe: Zufallsgröße von Grafiken !

Hallo Leute !

Wie kann ich mittels JavaScript die Größen von Grafiken variabel gestalten oder ist dieses garnicht möglich ? Ich weiß ja , daß ich bei der width-Anweisung im img-Tag eine JavaScript Einbindung vornehemn muß, aber ich habe es noch nicht hinbekommen dafür ein Script zu schreiben, da es mit der Random-Anweisung anscheind nicht zu gehen scheint - oder bin ich nur zu dumm ? -
Außerdem würde ich das Script dann anschließend auch gerne in ein Style-Sheet einfügen, damit die Position der Grafik auch zufällig ablaufen kann ?
Ich bin über eine Hilfe - oder JavaScript - sehr dankebar, also bis denne

Hajo Newe

  1. Wie kann ich mittels JavaScript die Größen von Grafiken variabel gestalten oder ist dieses garnicht möglich ? Ich weiß ja , daß ich bei der width-Anweisung im img-Tag eine JavaScript Einbindung vornehemn muß, aber ich habe es noch nicht hinbekommen dafür ein Script zu schreiben, da es mit der Random-Anweisung anscheind nicht zu gehen scheint - oder bin ich nur zu dumm ? -

    Versuchs mal in etwa so :
    Naja.. nen bessere Zufalls Funktion musste notfalls
    noch bauen.. Math.random()  gibt ne Zahl zwischen 0-1 raus ..

    <script>
    document.write ('<img src="image.jpg" width="'+Math.random()*500+'"  height="'+Math.random()*500+'">');            
    </script>

    grus
    jens

    1. Wie kann ich mittels JavaScript die Größen von Grafiken variabel gestalten oder ist dieses garnicht möglich ? Ich weiß ja , daß ich bei der width-Anweisung im img-Tag eine JavaScript Einbindung vornehemn muß, aber ich habe es noch nicht hinbekommen dafür ein Script zu schreiben, da es mit der Random-Anweisung anscheind nicht zu gehen scheint - oder bin ich nur zu dumm ? -

      Versuchs mal in etwa so :
      Naja.. nen bessere Zufalls Funktion musste notfalls
      noch bauen.. Math.random()  gibt ne Zahl zwischen 0-1 raus ..

      <script>
      document.write ('<img src="image.jpg" width="'+Math.random()*500+'"  height="'+Math.random()*500+'">');            
      </script>

      grus
      jens

      Danke Jens !

      So funktionoert es ja erstmal ! Aber wie ist es wenn ich mehre Grafiken habe, jedes mal die Script-Anweisung is wohl blöde ?

      Gruß

      Hajo

      1. So funktionoert es ja erstmal ! Aber wie ist es wenn ich mehre Grafiken habe, jedes mal die Script-Anweisung is wohl blöde ?

        Da Du sowieso das ganze noch per Zufall in Layer stecken und positionieren willst wird es natuerlich komplizierter. Am bsten man erzeugt in einer Schleife jeweils neue Layerobjekte. Da Du aber nicht gerade der Javascripterfahrene zu sein scheinst sehe ich im Moment nicht, wie ich Dir richtig helfen koennte, ausser mal ein script zu posten, wo is soetwas aehnliches gemacht habe.

        function Init(){
            for(i=0;i<Scr.length;i++){
              posX = Math.ceil(Math.random()*460 + 70);
              posY = Math.ceil(Math.random()*55 + 18);
              str = '<a href="javascript:mausTest(0);" onMouseover="Maus(''+Scr[i]+'');"><img src="words/'+Scr[i]+'.gif" border="0"></a>';
              Neu(Scr[i],posX,posY,str);
            }
          }

        function Neu(id,left,top,inhalt) {
            if(ns) {
              var lay = document.layers[id] = new Layer(1);
              eval("document."+id+" = lay");
              lay.left = left;
              lay.top = top;
              lay.visibility = 'show';
              lay.zIndex = 3;
              lay.document.open();
              lay.document.write(inhalt);
              lay.document.close()
            }
            if(ie) {
              var str = '\n<div id='+id+' style="position:absolute;left:'+left+';top:'+top+';width:1;z-index:3;">';
              str += '<p>'+inhalt+'</p></div>';
              document.body.insertAdjacentHTML("BE",str)
            }
          }

        In action kannst das ganze als Studie mal unter http://www.hieck.de/e7/ sehen. Die Groesse der Bilder musst Du aber noch selber variabel gestalten.

        Viele Gruesse, Thomas

        1. So funktionoert es ja erstmal ! Aber wie ist es wenn ich mehre Grafiken habe, jedes mal die Script-Anweisung is wohl blöde ?

          Da Du sowieso das ganze noch per Zufall in Layer stecken und positionieren willst wird es natuerlich komplizierter. Am bsten man erzeugt in einer Schleife jeweils neue Layerobjekte. Da Du aber nicht gerade der Javascripterfahrene zu sein scheinst sehe ich im Moment nicht, wie ich Dir richtig helfen koennte, ausser mal ein script zu posten, wo is soetwas aehnliches gemacht habe.

          function Init(){
              for(i=0;i<Scr.length;i++){
                posX = Math.ceil(Math.random()*460 + 70);
                posY = Math.ceil(Math.random()*55 + 18);
                str = '<a href="javascript:mausTest(0);" onMouseover="Maus(''+Scr[i]+'');"><img src="words/'+Scr[i]+'.gif" border="0"></a>';
                Neu(Scr[i],posX,posY,str);
              }
            }

          function Neu(id,left,top,inhalt) {
              if(ns) {
                var lay = document.layers[id] = new Layer(1);
                eval("document."+id+" = lay");
                lay.left = left;
                lay.top = top;
                lay.visibility = 'show';
                lay.zIndex = 3;
                lay.document.open();
                lay.document.write(inhalt);
                lay.document.close()
              }
              if(ie) {
                var str = '\n<div id='+id+' style="position:absolute;left:'+left+';top:'+top+';width:1;z-index:3;">';
                str += '

          '+inhalt+'</p></div>';
                document.body.insertAdjacentHTML("BE",str)
              }
            }

          In action kannst das ganze als Studie mal unter http://www.hieck.de/e7/ sehen. Die Groesse der Bilder musst Du aber noch selber variabel gestalten.

          Viele Gruesse, Thomas

          Danke Thomas,

          ich werde gleich mal auspobieren und Du hast überings recht, daß ich von CGI noch nicht viel Ahnung habe, da ich damit gerade erst angefangen habe.

          Gruß  Hajo

      2. So funktionoert es ja erstmal ! Aber wie ist es wenn ich mehre Grafiken habe, jedes mal die Script-Anweisung is wohl blöde ?

        du kannst die bilder ja auch in einem zentralen script , z.B. einer Schleife, manipulieren, aber es wird dir nichts anderes üblich bleiben, als jedes bild anzugeben.

        CirTap

      3. Naja..
        kannst ja dafür wiederum ne Funktion schreiben der du
        z.B. nu den Namen der Grafik übergibts und die denn
        entsprechen den document.write  macht..
        Aber viel anders wirds wohl nicht gehen...

        gruss
        jens