带有jquery的目录中的随机图像选择器

Question

我正在使用jquery.min。

function 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');