Zufallsgröße von Grafiken !

[Hajo Newe]

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

[Jens Menke]

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

[Hajo Newe]

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

[Thomas Hieck]

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

[Hajo Newe]

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

[CirTap]

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

[Jens Menke]

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