每页重新加载的新背景图像

时间:2009-08-04 16:28:07

标签: html css wordpress background

如何在网站上的每个页面刷新时显示新的背景图像(如果这有帮助,可以使用Wordpress)?我还想考虑不同的屏幕分辨率,并对此进行适当的处​​理。任何帮助将不胜感激。

6 个答案:

答案 0 :(得分:1)

你在wordpress codex中见过this page吗?

它解释了如何旋转标题图像。根据您的需要调整它应该不会太难。

答案 1 :(得分:1)

只需拥有自己的脚本,每次访问时都会随机返回图片。我有一个我用C在下面的URL写的,每次都返回一个不同的图片。

http://www.scale18.com/cgi-bin/gpic

答案 2 :(得分:0)

您可以使用GD库实时生成

答案 3 :(得分:0)

要检测屏幕分辨率,您可以使用客户端javascript

screen.height
screen.width

要显示不同的图像,您可以使用脚本生成随机数并显示与其相关的图像......? 您可以在会话中存储“当前”图像,并在每次生成新的随机数时检查,它不会显示最后一个....

答案 4 :(得分:0)

这是我使用Wordpress随机旋转我网站上的标题图片。

其他人写了代码,我不记得是谁。将下面的php代码放入名为rotate.php的文件中,然后将rotate.php放入要旋转的图像目录(即“headerimages”)中,并且rotate.php将从中抽取。从您的CSS样式表中调用rotate.php,无论DIV用于您的头像。

我不明白你的意思是能够处理不同的屏幕分辨率。最终用户屏幕分辨率?

<?php


/*

    Call this way: <img src="http://example.com/rotate.php">


    Set $folder to the full path to the location of your images.
    For example: $folder = '/user/me/example.com/images/';
    If the rotate.php file will be in the same folder as your
    images then you should leave it set to $folder = '.';

*/


    $folder = '.';


    $extList = array();
    $extList['gif'] = 'image/gif';
    $extList['jpg'] = 'image/jpeg';
    $extList['jpeg'] = 'image/jpeg';
    $extList['png'] = 'image/png';


$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);
    }
}

?>

答案 5 :(得分:-1)

JavaScript可能是你最好的选择。