Новое фоновое изображение на каждой странице перезагрузки

Question

Как я могу отобразить новое фоновое изображение на каждой странице обновления на веб-сайте (с помощью Wordpress, если это помогает чему-либо)? Я также хотел бы принять во внимание различные разрешения экрана и правильную обработку для этого. Любая помощь будет принята с благодарностью.

Answer 1

JavaScript, вероятно, лучший выбор для этого.

Answer 2

Вы можете создать его в реальном времени с помощью библиотеки GD

Answer 3

Для определения разрешения экрана, вы можете использовать Клиентский JavaScript

screen.height 
screen.width 

Для отображения другого изображения, вы могли бы использовать сценарий для создания случайное число и отображение изображения, которое связано с ним ...? Вы можете сохранить «текущее» imaage в сеансе и просто проверять каждый раз, когда вы генерируете новое случайное число, чтобы оно не отображалось последним ....

Answer 4

Вы видели this page в wordpress codex?

В нем объясняется, как вращать изображение заголовка. Он не должен слишком жестко адаптировать его для ваших нужд.

Answer 5

Просто у вас есть собственный скрипт, который случайным образом возвращает изображения при каждом обращении к ним. У меня есть тот, который я написал в C по указанному ниже URL, который каждый раз возвращает другой рисунок.

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

Answer 6

Это то, что я использую с Wordpress, чтобы случайным образом поворачивать изображения заголовка на моем сайте.

Кто-то написал код, и я не помню, кто. Поместите код php ниже в файл с именем rotate.php, а затем поместите rotate.php в каталог изображений, которые нужно повернуть (т. Е. «Headerimages»), и rotate.php будет рисовать из них. Вызовите rotate.php из таблицы стилей CSS в любом 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); 
    } 
} 

?>