问题描述
|
曾经是Stack Overflow上的潜伏者,喜欢这个网站。
现在该我了。从下面的代码中,每次页面加载时,我都会使背景图像随机化。
有人会帮助我提高效率,这样我就不必手动输入文件名了吗?我正在寻找某种通配符函数,该函数可以浏览给定的文件夹并加载footer * .png或什至* .png,因为此文件夹仅包含页脚模式。
var images = [\'footer.png\',\'footer2.png\',\'footer3.png\'];
$(\'#footer\').css({\'background-image\': \'url(images/footers/\' + images[Math.floor(Math.random() * images.length)] + \')\'});
解决方法
使用PHP,您可以做到:
<?php
$directory = \"./images/\";
$images = glob($directory . \"*.png\");
foreach($images as $image)
{
echo $image . \"\\n\";
}
?>
只是不要将$directory
为任意论点,因为俄罗斯黑客会劫持您的webapp。
要使用它,请对PHP文件进行AJAX请求并解析输出,并用ѭ3字符分隔每个文件。
因此,使用jQuery,
var images = [];
jQuery.load(\'images.php\',function(data)
{
images = data.split(\'\\n\');
});