Javascript 使用jquery/ajax运行小型php脚本

我试图给一个div一个随机的背景图像。我有一个非常简单的php在我的页面头位

<?php 
$bg = rand(1, 6); 
$bgchange = $bg.".jpg"; 
?>

还有CSS

body, html {
height: 100%;
width: 100%;
margin: 0;
padding: 0;
}

.cover {
height: 100%; width: 100%;
margin: 0 auto;
background: #bada55;
background-position: 50% 50%;
transition: opacity 2s ease;
opacity: 0;
}

.loaded {
opacity: 1;
}

---

只有一个背景图像被下载，然后才能执行一项功能，如仅当该图像已加载时才进行细微淡入等。

无需致电服务器获取1到6之间的随机数。用javascript实现。随机的图片帖子总是出现…在网络搜索中不难找到是的，你会惊讶地发现，只有很少的信息可以正确地做到这一点，所以只有一个背景图片被下载，然后能够执行一个功能，例如，只有当图像加载后才进行细微的淡入等。我们在这里讨论的图像有多大？你说在糟糕的互联网上加载失败是什么意思？正如上面评论中所提到的，使用JS/jQuery可以很容易地做到这一点：

var images = [
'1.jpg', '2.jpg', '3.jpg', '4.jpg', '5.jpg'];

var randomNumber = Math.floor(Math.random() * images.length);
var randomImage = "images/" + randomNumber + ".jpg";
jQuery.ajax(randomImage);

$(document).ajaxComplete(function() {
$('.cover').css({ 'background-image': 'url(' + randomImage + ')' }).addClass('loaded');
})

body, html {
height: 100%;
width: 100%;
margin: 0;
padding: 0;
}

.cover {
height: 100%; width: 100%;
margin: 0 auto;
background: #bada55;
background-position: 50% 50%;
transition: opacity 2s ease;
opacity: 0;
}

.loaded {
opacity: 1;
}