Zufälliges hintergrund-Bild

Ich habe versucht, mehrere tutorial auf dem web an und keiner scheint richtig zu arbeiten. Was ich versuche zu tun, ist ziemlich einfach, denke ich:

Habe ich 9 verschiedene .jpg-Bilder, die ich brauche, um nach dem Zufallsprinzip zu zeigen, bis auf das laden der Seite - zu hintergrund. Dies sollte ganz einfach sein, Recht?

Dank,

BEARBEITEN (Sorry, ich hab vergessen, fügen Sie den code - gefunden im Internet):

$(document).ready(function(){

    bgImageTotal=9;

    randomNumber = Math.round(Math.random()*(bgImageTotal-1))+1;

    imgPath=('../img/bg/'+randomNumber+'.jpg');

    $('body').css('background-image', ('url("'+imgPath+'")'));

});
Es ist im Allgemeinen bevorzugt, wenn Sie post code, mit dem Sie versucht haben, zu verwenden, die nicht funktionieren, anstatt nur die Leute bitten, es zu schreiben für Sie.
Stimmt, sorry.. vergessen zu fügen Sie den code.
Ja, es würde alles davon abhängen, welche Sprache Sie verwenden, wie Sie es tun würde.
Verwandte: so erzeugen einer Zufalls-ID für body-tag nach dem laden der Seite mit Hilfe einer array von IDs
Der gepostete code geht davon aus, dass Ihre Bilder gespeichert sind, in einen Ordner mit dem Namen img auf der gleichen Ebene wie das Verzeichnis, in dem deine html ist, in einen Unterordner mit dem Namen bg. Es wird auch davon ausgegangen, dass Ihre Bilder sind mit dem Namen 1.jpg, 2.jpg etc. Ist dies alles wahr?

InformationsquelleAutor asirgado | 2012-01-11

  1. 22

    Schauen Sie sich dieses tutorial: http://briancray.com/2009/12/28/simple-image-randomizer-jquery/

    Zunächst erstellen Sie ein array von Bilder:

    var images = ['image1.jpg', 'image2.jpg', 'image3.jpg', 'image4.jpg', 'image5.jpg'];

    Legen Sie dann ein zufälliges Bild als hintergrund Bild:

    $('body').css({'background-image': 'url(images/' + images[Math.floor(Math.random() *      images.length)] + ')'});

    Funktionieren sollte, kein problem.

    Was sollte ich rufe meine Funktion? Ich bin nicht verwendet werden, um javascript, danke.
    Sie sollten nicht brauchen, um eine Funktion aufzurufen, setzen Sie ihn einfach innerhalb der jQuery $(document).bereit(Funktion() {} tag.
    Ja, es funktioniert! Ich hatte ein problem mit dem script-link mit jQuery. Ich war nicht die Verknüpfung der Bibliothek in den ersten Platz. Danke!
    Kein problem, bin froh, dass ich helfen konnte. Wenn Sie können, würde ich es sehr schätzen, eine akzeptierte Antwort!
    Danke, guter Herr!

    InformationsquelleAutor Jesse Pollak

  2. 0

    Verwendung von jQuery: $("body").css("background-image", "url(" + Math.floor(Math.random()*9) + ".jpg)");

    Dies ist unter der Annahme, dass Ihre Bilder benannt 0.jpg bis 8.jpg und werden im gleichen Verzeichnis wie deine Seite.

    InformationsquelleAutor ChrisiPK

Schreibe einen Kommentar