Zum BeispielGet Verschiedene Bilder von einer URL
http://placeimg.com/640/480/people
eine URL ist. Wenn Sie die Seite neu laden, wird ein neues Bild angezeigt. Meine Website hat ein Hintergrundbild, und ich möchte es ein zufälliges Bild von zwei Bildern sein:
Wie ich das erreichen kann? Und die Berufung des Bildes in der CSS.
In Javascript
function setRandomImg(){
var items = ['url','url']
var item = items[Math.floor(Math.random()*items.length)];
document.getElementById(id-of-your-body/container).style.background-image='url('+item+')'
}
Und fügen onload Behälter (Beispiel <body onLoad='setRandomImg()'>)
Sie können ein Random im nachfolgenden Code erstellen und dieses dann verwenden, um das Bild dynamisch zu generieren. Der bessere Weg wäre, Javascript/Jquery zu verwenden.
** Dies ist wirklich ein Kommentar, keine Antwort. ** Ich weiß es zu schätzen, dass Sie vielleicht noch nicht genügend Reputation haben, um Kommentare zu hinterlassen, aber bitte verwenden Sie nicht das Antwortsystem als Ersatz. Reputation zu gewinnen ist ziemlich einfach und erfordert nur ein wenig Anstrengung von Ihrer Seite. Vielen Dank! –
Es wird erwartet, dass Sie zumindest versuchen, diese für sich selbst zu codieren. Stack Overflow ist kein Code-Schreibdienst. Ich würde vorschlagen, dass Sie zusätzliche Recherchen anstellen, entweder über Google oder indem Sie SO suchen, einen Versuch unternehmen und. Wenn Sie immer noch Probleme haben, kommen Sie zurück mit ** Ihrem Code ** und erklären Sie, was Sie versucht haben und warum es nicht funktioniert hat. –
Die Codepens, die Sie verlinkt haben, sehen so aus, als würden sie funktionieren, aber sie setzen nicht wirklich das 'Hintergrundbild' css, sie setzen ein' href'. Die zufälligen Bild-URLs, die sie generieren, existieren auch nicht. –