隨機更換WordPress預設佈景主題的Header Image

如果眼尖的人應該會發現到
我的header image是會隨機更換的
因為我覺得佈景主題如果一成不變太無趣了 😛
這是利用數十行的javascript程式所達成的效果
是修改自Kaie大大這篇文章所提到的程式

其實這原理只是單純的用javascript去更改CSS
以wordpress的預設佈景主題為例子的話
程式碼應該會是這樣

Powered by

在〈隨機更換WordPress預設佈景主題的Header Image〉中有 3 則留言

  1. Mozilla Firefox 1.5.0.11 Ubuntu Linux

    我之前有用過「寫一個 php function」的方式來做到類似的效果。
    在 html 方面,可能會有類似
    然後在那個 ooxx.php 裏頭,程式碼約略如下:
    ————–
    function _make_seed()
    {
    list($usec, $sec) = explode(‘ ‘, microtime());
    return (float) $sec ((float) $usec * 100000);
    }

    function _banner()
    {
    $root = getcwd() . ‘/files/banner’;
    $front = ”;
    $files = array();
    if( $rhandle = opendir( $root ) ) {
    while( false !== ($dir = readdir( $rhandle )) ) {
    if( $dir == “.” || $dir == “..” ) continue;
    $file = $dir;
    if( !is_file( “$root/$file” ) ) continue;
    $files[] = $file;
    }
    closedir( $rhandle );

    $number = count( $files );
    if( !$number )
    return ”;
    srand(_make_seed());
    $randval = rand();
    $index = $randval % $number;
    $front = $files[$index];
    }
    return $front;
    }
    echo _banner();
    ———————————-

發表迴響