Wie kann ich auf meiner eigenen Webseite ein Zufallsbild anzeigen lassen?

2 Antworten

regex9
Von gutefrage auf Grund seines Wissens auf einem Fachgebiet ausgezeichneter Nutzer
Computer, Webseite, Webentwicklung
27.08.2021, 13:27

a) Sehr einfach gehaltene Lösung nur mit JavaScript:

Du nummerierst deine Bilder im Namen (1.jpg, 2.jpg, ...) und legst sie alle im selben Ordner ab. Via JavaScript ermittelst du dann nur noch eine Zufallszahl in den bestehenden Grenzen.

<script>
  const max = // maximum (exclusive)
  const min = 1; // minimum (inclusive)
  const randomNumber = Math.floor(Math.random() * (max - min + 1)) + min;
  document.write('<img alt id="image" src="' + randomNumber + '.jpg">');
</script>

Nachteilhaft ist hierbei, dass das Bild ohne explizite Beschreibung herausgerendert wird, du dich nicht verzählen solltest und das Maximum stets neu gesetzt werden muss sobald weitere Bilder hinzu kommen sollen.

b) Lösung mit einer serverseitigen Anwendung (hier geschrieben mit PHP):

Deine Bilder ordnest du alle in einem Ordner unter. Den liest du einmal aus:

$root_directory = "your/image/folder";
$images = glob("$root_directory/*.{gif,jpg,jpeg,png}", GLOB_BRACE);

Dann ermittelst du einen Zufallsindex und gibst mit dessen Hilfe das passende Bild aus. Der Dateiname kann diesmal für die Bildbeschreibung herhalten (du solltest deine Bilder demzufolge aber auch gut benennen).

if ($images && count($images) > 0) {
  $randomImage = $images[array_rand($images)];
  $filename = pathinfo($randomImage)['filename'];
  print '<img alt="' . $filename . '" src="'. $images[$randomIndex] .'">';
}
germanils
Von gutefrage auf Grund seines Wissens auf einem Fachgebiet ausgezeichneter Nutzer
Computer
27.08.2021, 10:41

Mit einem kleinen Script.

Beispiele findest Du dafür zuhauf im Netz. Stichwirt "show random image".
User42527656 
Fragesteller
 27.08.2021, 10:50

ich finde leider nur welche wo man den namen jedes bildes eingeben muss und dafür sind es zu viele bilder

0