参考:https://amon.org/randombg 实证未遂。缺少文件。
参考:https://amon.org/rotatebg 实证成功。
【介绍】
参考:https://alistapart.com/article/randomizer
代码:https://alistapart.com/d/randomizer/rotate.txt
演示:https://host.sonspring.com/css-rotator/
【源码】
在存储背景图片的文件夹中创建文件,rotate.php :
<?php
$folder = '.';
$extList = array();
$extList['jpg'] = 'image/jpeg';
$img = null;
if (substr($folder,-1) != '/') {
$folder = $folder.'/';
}
if (isset($_GET['img'])) {
$imageInfo = pathinfo($_GET['img']);
if (
isset( $extList[ strtolower( $imageInfo['extension'] ) ] ) &&
file_exists( $folder.$imageInfo['basename'] )
) {
$img = $folder.$imageInfo['basename'];
}
} else {
$fileList = array();
$handle = opendir($folder);
while ( false !== ( $file = readdir($handle) ) ) {
$file_info = pathinfo($file);
if (
isset( $extList[ strtolower( $file_info['extension'] ) ] )
) {
$fileList[] = $file;
}
}
closedir($handle);
if (count($fileList) > 0) {
$imageNumber = time() % count($fileList);
$img = $folder.$fileList[$imageNumber];
}
}
if ($img!=null) {
$imageInfo = pathinfo($img);
$contentType = 'Content-type: '.$extList[ $imageInfo['extension'] ];
header ($contentType);
readfile($img);
} else {
if ( function_exists('imagecreate') ) {
header ("Content-type: image/png");
$im = @imagecreate (100, 100)
or die ("Cannot initialize new GD image stream");
$background_color = imagecolorallocate ($im, 255, 255, 255);
$text_color = imagecolorallocate ($im, 0,0,0);
imagestring ($im, 2, 5, 5, "IMAGE ERROR", $text_color);
imagepng ($im);
imagedestroy($im);
}
}
?>
【使用】
在页面或者CSS中指向 rotate.php ,页面即可在每次加载时切换不同图片 :
<img src="http://example.com/rotate.php">
如需加载指定图片:
<img src="http://example.com/rotate.php?img=gorilla.jpg">