带有jquery的目录中的随机图像选择器
即时通讯使用jquery.min。
function LoadImages() {
我曾尝试使用jasper roos winkel jquery插件来做到这一点,但它不一定满足我的需求:
http://www.jasperrooswinkel.com/smooth-fullscreen-background-slideshow-in-jquery/
这是我的问题:
我的网络服务器上有一个包含数千张图像的文件夹。 我想要一个带有jquery的动态背景转换器。 这将从该文件夹中随机选择每5秒一个图像并将其放到后台。 我怎样才能做到这一点?
等待你的帮助。
您可以使用一个小的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
-selector而不是background-image
选择器:
$('body').css('background', 'url('+filename+') no-repeat center center fixed');