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

Zufallsgenerator - Bild

fcttt

Neues Mitglied
Hallo, ich bin neu hier im Forum und kenne mich mit html und java nur wenig aus.

Ich habe eine Seite gemacht, die an dem Pfad des Bildes eine zufällige Nummer anhängt (no cache).
Vielleicht kann mir jemand helfen, ich möchte nun, dass der die zufällig generierte Zahl bei jeder Aktualisierung der Seite neu an die "src" des Bildes angehängt wird.


Hier der Code bis jetzt:

<html><head>
<script language="JavaScript" type="text/javascript">
<!--
function zufall(){
var zahl = Math.round(Math.random() * 10000000);
return zahl;
}


</script><title></title></head><body><img
src="http://XXX...id="></body></html>


src="http://XXX...id="> + zufall() -- hier sollte die Zufallszahl angehängt werden

Danke!
 
Hallo fcttt, willkommen im Forum!

kenne mich mit html und java nur wenig aus.
Java ungleich JavaScript!

Wenn ich dich richtig verstanden habe, dann möchtest du, dass hinter "id=" in der Grafikadresse eine Zufallszahl angehängt wird, oder?
Da würde ich dir zu PHP (oder einer anderen serverseitigen Programmiersprache) raten, denn JavaScript kann man abschalten und dann funktioniert nichts mehr:

PHP:
<img src="http://.../bild.jpg?id=<?php echo rand(0,100) ?>" alt="Zufallsbild" />
Zum Nachlesen: PHP: rand - Manual

Gruß,
fiedel
 
Danke für die Antwort.

Leider mache ich immer noch etwas falsch.
Mein Quellcode heißt jetzt:

PHP:
<html><head><title></title>
</head><body>
<img
 src="http://...bild.jpg?id=<?php echo rand(0,100) ?>"
 alt="Zufallsbild"></body></html>
Bei dem Bild wird jetzt bei mir jedoch <?php echo rand(0,100) ?> angehängt.

Muss ich noch erst PHP aktivieren?
 
Bei dem Bild wird jetzt bei mir jedoch <?php echo rand(0,100) ?> angehängt.

Muss ich noch erst PHP aktivieren?
Indirekt ja.

PHP wird nur auf einem Webserver ausgeführt und auch nur dann (normalerweise) wenn die Seite die Endung .php hat. Wenn Du die Seite lokal testen willst, dann musst Du Dir auf Deinem PC einen Webserver installieren. Dazu benutzt Du am besten xampp. Gibt es für die wichtigsten Betriebssysteme.

Und dann muss das so aussehen:
PHP:
<img src="http://...bild<?php echo rand(0,100) ?>.jpg" alt="Zufallsbild">

Gruß thuemmy
 
Die JavaScript-Variante sähe so aus:

Code:
<script type="text/javascript">
document.write('<img src="http://.../bild.jpg?id=' + zufall + '" alt="Zufallsbild" />');
</script>

Ein Besucher mit deaktiviertem JavaScript würde davon aber gar nichts sehen.
 
Funktioniert!

Danke euch allen! :smile:

Mit document.write('<img src="http://...bild.jpg?id=' + zufall() + '" alt="Zufallsbild" />') funktioniert es.

Ich habe jetzt die JavaScript-Variante verwendet, da ich die Seite eh nur lokal für mich benötige.

Danke auch für die anderen Tipps!

Gruß,

fcttt
 
Zurück
Oben