• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

Größe eines Zufallsbild dynamisch

B

black_devil

Neues Mitglied
Hi Leute,

ich habe bei meiner HTML-Homepage mittels Javascript ein Zufallbild eingefügt.

Folgenden Code im Head:
Code: 
<script type="text/javascript" language="JavaScript">
  today=new Date();
  jran=today.getTime();
  var anzahl = 7;     // Anzahl der Bilder
  var random_number="";
  var image="";
  var text_color="";
  ia=9301;
  ic=49297;
  im=233280;
  jran = (jran*ia+ic) % im;
 
  random_number = Math.ceil( (jran/(im*1.0)) * anzahl);
 
  if (random_number==1) {
  text_color="000000";
  image="http://www.html.de/images/accordian_908.gif";
  text="Bild 01"
  }
  if (random_number==2) {
  text_color="#FF0000";
  image="http://www.html.de/images/banner_head.gif";
  text="Bild 02"
  }
  if (random_number==3) {
  text_color="#00BF00";
  image="http://www.html.de/images/pattern.jpg";
  text="Bild 03"
  }
  if (random_number==4) {
  text_color="#0090E0";
  image="http://www.html.de/images/banner_logo.gif";
  text="Bild 04"
  }
  if (random_number==5) {
  text_color="#BF0000";
  image="http://www.html.de/images/page_image_1.jpg";
  text="Bild 05"
  }
  if (random_number==6) {
  text_color="#AF00FF";
  image="http://www.html.de/images/page_image_2.jpg";
  text="Bild 06"
  }
  if (random_number==7) {
  text_color="#00AFAF";
  image="http://www.html.de/images/page_image_3.jpg";
  text="Bild 07"
  }
 
 
  function zufallsbild() {
  document.write("<img src='" + image + "' width='900' height='120' border='1' alt='Text'><br><br>")
  document.write("<font color=#" + text_color +"'>" + text + "</font><br>")
  return
  }
  </script>

Folgenden im Body
Code: 
<script language="JavaScript">
zufallsbild();
</script>

Meine side ist jedoch so aufgebaut, dass ich die width der gesamten side mit auto versorge, damit sich die side immer an die Größe des IE-Fensters anpasst. Jetzt möchte ich diese Funktion natürlich auch gerne bei dem Zufallsbild verwenden. D.h. das Bild hat normal die Größe x*y. Beim anzeigen soll aber die Breite automatisch and die auto-Größe angepasst werden und es sollte auch das Seitenverhältniss des Bildes bestehen bleiben...

Ist das irgendwie möglich? Wenn ja wie? Bin kein wirklicher Javascript-Experte!

Danke und viele Grüße
black_devil
 
Code: 
document.write("<img src='" + image + "' width='900' height='120' border='1' alt='Text'><br><br>")
Das steht in deinem JS-Code. Setze das width-Attribut hier auf 100% und lasse height weg.
 
Hi Leute,

ich hätte da noch eine Frage, weiß aber nicht ob das mittels HTML überhaupts möglich ist.

Würde meine Seite ungefährt so aufbauen wie diese hier: Mattias Fredriksson Photography

Jetzt meine Frage: Wenn man bei dieser HP die größe des IE Fesnters ändert, dann ändert sich die Bildgröße teilweise mit, teilweise wird das Bild aber dann einfach "abgeschnitten" und es behält immer das Seitenverhältnis.
Egal wie man die größe des Fensters verändert, man bekommt nie einen horizontalen Scrollbalken. Kann mir jemand erklären wie man soetwas hinbekommt? :?:

Danke und viele Grüße
black_devil
 
black_devil schrieb:
Würde meine Seite ungefährt so aufbauen wie diese hier: Mattias Fredriksson Photography
Zum Vergrößern anklicken....
Da sehe ich eine leere weisse Seite (immerhin, denn die meisten leeren Seiten die ich sehe sind schweinchen rosa - das ist die default Hintergrundfarbe bei mir). Das ist eine Flashseite, die nur mit JS funktioniert, sowas willst du nicht wirklich, denn sie hat nicht nur für mich keinen Inhalt sondern auch für Suchmaschinen
 
Hi,

hast du ein paar Sekunden (so bis 15 *gg*) gewartet bis die Seite geladen wurde... Dauert teilweise realtiv lange bis die ganze Seite geladen ist. Denn bei mir funktioniert sie einwandfrei, nur langsam halt...
Da hast du schon recht dass ich genau so eine Seite, bzw. eine Flashseite nicht will.

Mir geht's eben nur um die Art, wie sich das Bild auf der Startseite verändert. Und ob man sowas eben mit HTML hinbekommt (oder sowas ähnliches).
 
Tja das mit dem JavaScript ist ja so eine Sache. Denn das Zufallsbild auf der Home-Seite ist ja auch mit JavaScript. Dann habe ich ja da eigentlich das gleiche Problem!?!? Kann man das irgendwie anders machen?
 
Hi Leute,

ich musste diesen Thread jetzt nochmals "toppen" da mir die Aussage von Vitus37 Kopfzerbrechen gebracht hat. Das Zufallsbild auf der Homeside habe ich ja mit Java-Script gemacht, was ja heißt, das jeder, der Javascript deaktivert hat die Meldung bezüglich "Scripts oder ActiveX-Steuerelemente" erhält und jedesmal davor diese freigeben muss. Kann man das mit dem Zufallsbild nicht auch anders lösen, damit NIE eine derartige Meldung kommt?!?!?!?
 
Klar, mit einer serverseitigen Sprache, wie PHP.
Beispiel:
PHP: 
<?php
$bilder = array(
"http://domain.de/bild1.jpg",
"http://domain.de/bild2.jpg",
"http://domain.de/bild3.jpg"
);
echo '<img src="'.$bilder[array_rand($bilder)].'" alt="" width="100%" />';
?>
 
Hi,

habe jetzt mal mittn im HTML folgendes eingefügt:

<?php
$bilder = array("../images/1.jpg","../images/2.jpg","../images/3.jpg");
echo '<img src="'.$bilder[array_rand($bilder)].'" alt="" width="100%" />';
?>

Arbeite in Dreamweaver und in der Entwurfansicht wird richtigerweise das PHP-Logo angezeigt. Öffne ich aber die Homepage, dann wird mir kein Bild angezeigt, jedoch steht da '; ?>
Da ich in PHP absolut keine Ahnung habe, weiß ich jetzt nicht wirklich weiter...
 
Das Script braucht die Endung *.php und muss auf einem unterstützenden Webserver ausgeführt werden. Lokal von der Festplatte klappt das ohne weiteres nicht (bzw. DW benutzt einen internen Parser).
 
Du musst dich einloggen oder registrieren, um hier zu antworten.

Neueste Beiträge

Zurück
Oben