Problem! Random Bild anzeigen ?

[TheLexoPlexx]

Okay, als erstes: Ich bin noch SEHR neu in HTML und JavaScript. Ich brauche allerdings etwas wichtiges:
Wenn eine Website geladen wird, dann soll eins von 3 RANDOM ausgewählten Bildern erscheinen.

Die Bilder: http://imgur.com/OmXSXG7,YsGe9Bw,QrM3cwY#0
Des weiteren arbeite ich mit TYPO3, also wenn es da etwas besonderes zu beachten gibt, sagt mir bitte Bescheid.

Ausserdem wäre es Super-Mega-Ultra-Toll von euch wenn ihr mir einen ganzen Code geben würdet, daraus lerne ich zwar nichts, aber dann bin ich sicher, dass er Fehlerfrei ist. Danke!

 

[TheLexoPlexx]

Habs geschafft Danke für eure Hilfe ;D Für alle die das gleiche Problem haben:

<script type="text/javascript">
<!--
var imlocation = "http://i.imgur.com/";
var currentdate = 0;
var image_number = 0;
function ImageArray (n) {
   this.length = n;
   for (var i =1; i <= n; i++) {
     this[i] = ' '
   }
}
image = new ImageArray(3)
image[0] = 'QrM3cwY.png'
image[1] = 'YsGe9Bw.png'
image[2] = 'QrM3cwY.png'
var rand = 60/image.length
function randomimage() {
     currentdate = new Date()
     image_number = currentdate.getSeconds()
     image_number = Math.floor(image_number/rand)
     return(image[image_number])
}
document.write("<img src='" + imlocation + randomimage()+ "'>");
//-->
</script>

 

[Chronos]

oder so ähnlich mit jQuery (weil ich das selber mal vor einer Weile brauchte - jetzt nicht 100% auf dein Beispiel angewandt aber grundsätzlich dasselbe)

(function($, window, document) {
    $(function() {
        // Globale Variablen--------------------------------------------------

        // Stammverzeichnis
        var root = "./img/";

        // Bilder
        var bilder = [
            "cat-up-1.jpg",
            "cat-up-2.jpg",
            "cat-up-3.jpg",
            "cat-up-4.jpg",
            "cat-sea.jpg"
        ];

        // <img> Tag mit der ID "random-img" quasi das "Ziel"
        var random_img = $('#random-img');

        var min = 0; // der erste Index der Bilderliste
        var max = bilder.length - 1; // Arrays beginnen mit 0, daher hätte
                                     // bspw. unser drittes Bild den Index 2
        var zufalls_index = 0;

        // gleichverteilte Zufallszahl erzeugen
        function rand (min, max) {
            return Math.floor(Math.random() * (max - min + 1)) + min;
        }

        random_img.attr('src', root + bilder[zufalls_index = rand(min, max)]);

    });
}(window.jQuery, window, document));