php - 来自带有 jquery 的目录的随机图像选择器

Question

我正在使用 jquery.min。


函数 LoadImages()
{


我已经尝试使用 jasper roos winkel jquery 插件来做到这一点，但它不一定能满足我的需求:

http://www.jasperrooswinkel.com/smooth-fullscreen-background-slideshow-in-jquery/

这是我的问题:

我的网络服务器上有一个包含数千张图片的文件夹。我想要一个带有 jquery 的动态背景转换器。它将每 5 秒从该文件夹中随机选择一张图像并将其放入背景。我该怎么做？

等待您的帮助。

Answer 1

您可以让一个小的 PHP 脚本从您的图像目录返回一个随机文件名

<?
    $files = glob('path-to-dir/*.*');
    $file = array_rand($files);
    echo $files[$file];
?>

并使用 jquery AJAX 调用该脚本:

function loadBackground() {
   $.ajax({
      url: 'getimage.php',
      success : function(filename) {
         $('body').css('background-image', 'url('+filename+')');
      }
   });
}

每5秒调用一次

setInterval(loadBackground, 5000);

---

设置背景样式时，使用 background 选择器而不是 background-image 选择器:

$('body').css('background', 'url('+filename+') no-repeat center center fixed');