Antworten auf deine Fragen:
Neues Thema erstellen

Bilder per Zufall anzeigen lassen

umucl

Nicht mehr ganz neu hier

Hallo zusammen,

kennt jemand ein JQuery, womit ich Bilder auf einer Seite per Zufall anzeigen lassen kann? ich möchte es mit ca. 7 Bildern machen, sodass ich immer, sobald ich auf diese Seite komme, ein anderes Bild gezeigt bekomme (per Zufallsgenerator).

danke und Grüße an Euch!
 

Pixelaner

Der Pixelaner

AW: Bilder per Zufall anzeigen lassen

<?php
$bilder = array("bild1.jpg", "bild2.jpg", "bild3.jpg", "bild4.jpg", "bild5.jpg", "bild6.jpg", "bild7.jpg");
$zufallsbild = array_rand($bilder, 2);
$ausgabe = $bilder[$zufallsbild[0]];
?>
<img src="/images/<?php echo $ausgabe; ?>" alt="" />

Hoffe das ist nach deinen Vorstellungen.
 
Zuletzt bearbeitet:

Duddle

Posting-Frequenz: 14µHz

AW: Bilder per Zufall anzeigen lassen

Zum Beispiel für die Bilder 0.jpg bis 6.jpg im Ordner img, angezeigt im <img>-Tag mit der id "zufall":
HTML:
$(document).ready(function(){
  var rand = Math.floor(Math.random()*7);
  $("#zufall").attr("src", "img/"+rand+".jpg");
});

Individuell anpassen kannst du das sicher selbst.

Duddle
 

Pixelaner

Der Pixelaner

AW: Bilder per Zufall anzeigen lassen

In der PHP Methode hat man natürlich auch die Möglichkeit alle Bilder eines Ordners auszulesen und diese entsprechend ausgeben zu lassen.

Ich an deiner Stelle würde die PHP Lösung vorziehen da die Serverseitige Ausführung des Scripts immer gegeben ist. JQuery / Javascript wird auf dem Client ausgeführt und wenn dann doch mal jemand kommt der es deaktiviert hat (jaaa sowas solls noch geben), dann werden dem Besucher keine Bilder angezeigt.
 

Zampano_

Nicht mehr ganz neu hier

AW: Bilder per Zufall anzeigen lassen

Die PHP-Lösung hat außerdem noch den Vorteil das du nicht erst alle 7 Bilder an den Browser schicken musst ;)
 

Duddle

Posting-Frequenz: 14µHz

AW: Bilder per Zufall anzeigen lassen

Die PHP-Lösung hat außerdem noch den Vorteil das du nicht erst alle 7 Bilder an den Browser schicken musst ;)

Es ist zumindest kein Vorteil gegenüber der JS-Variante, diese muss das ebenfalls nicht machen. Es werden nur Adressen geändert, der Browser lädt die neue src-Adresse automatisch nach.


Duddle
 
Bilder bitte hier hochladen und danach über das Bild-Icon (Direktlink vorher kopieren) platzieren.
Antworten auf deine Fragen:
Neues Thema erstellen

Willkommen auf PSD-Tutorials.de

In unseren Foren vernetzt du dich mit anderen Personen, um dich rund um die Themen Fotografie, Grafik, Gestaltung, Bildbearbeitung und 3D auszutauschen. Außerdem schalten wir für dich regelmäßig kostenlose Inhalte frei. Liebe Grüße senden dir die PSD-Gründer Stefan und Matthias Petri aus Waren an der Müritz. Hier erfährst du mehr über uns.

Stefan und Matthias Petri von PSD-Tutorials.de

Nächster neuer Gratisinhalt

03
Stunden
:
:
25
Minuten
:
:
19
Sekunden

Neueste Themen & Antworten

Flatrate für Tutorials, Assets, Vorlagen

Zurzeit aktive Besucher

Statistik des Forums

Themen
118.565
Beiträge
1.538.067
Mitglieder
67.488
Neuestes Mitglied
Andrew56524
Oben