Вывод различного Header-a

Такой вопрос
В style.css забит стиль заголовка вида
#mystyle {
background-image:url(image/headers/111.jpg); — т.е. путь к бекграундной картинке
background-repeat:no-repeat;
width:643px;
height:300px;
…….
…..

В папке image/headers/ у меня лежит несколько картинок – т.е. еще есть к примеру 222.jpg, 333.jpg ….
Вызов в header.php имеет вид:
<div id="mystyle">
<h1><?php bloginfo(‘name’); ?></h1>
</div>;

Как сделать чтобы при входе на блог отображалась случайная картинка из image/headers/ ?

Коментарии: 8

MAX

15.04.2007 10:49

Ответить

Я могу предложить вам такой способ.

Создаются дополнительные стили (class) с нужными вам фоновыми картинками, например:

#mystyle my1{ background-image:url(image/headers/111.jpg); }
#mystyle my2{ background-image:url(image/headers/222.jpg); }
#mystyle my3{ background-image:url(image/headers/333.jpg); }
#mystyle my4{ background-image:url(image/headers/444.jpg); }

После этого генерируем случайное число в нужном вам диапазоне и подставляем его в виде класса:

<div id="mystyle" class="<?php
   echo 'my' . ( rand(1, 4) );
?>">

Anatik

15.04.2007 13:16

Ответить

Ничего вообще не отображает

sonika

15.04.2007 14:19

Ответить

может плагин http://www.coffee2code.com/archives/2004/07/08/plugin-random-file/ поможет
Я делала с его помощью меняющиеся картинки в шапке, вот правда, они у меня не в background лежат, а просто img
работает отлично.

Anatik

15.04.2007 14:59

Ответить

может плагин http://www.coffee2code.com/archives/2004/07/08/plugin-random-file/ поможет
Я делала с его помощью меняющиеся картинки в шапке, вот правда, они у меня не в background лежат, а просто img
работает отлично.

Думаю со своими знаниями в php я не потяну данный плагин

sonika

15.04.2007 16:34

Ответить

при чем же тут php?!

все картинки, которые положите в папку /wp-content/images/logos/ будут крутится в случайном порядке.
Пример этот я взяла по ссылке, которую дала, там вообще все очень подробно написано…

MAX

15.04.2007 17:02

Ответить

Ничего вообще не отображает

Забыл точку добавить:

#mystyle .my1{ background-image:url(image/headers/111.jpg); }
#mystyle .my2{ background-image:url(image/headers/222.jpg); }
#mystyle .my3{ background-image:url(image/headers/333.jpg); }
#mystyle .my4{ background-image:url(image/headers/444.jpg); }

Anatik

15.04.2007 17:19

Ответить

[quote=Anatik]Ничего вообще не отображает

Забыл точку добавить:

#mystyle .my1{ background-image:url(image/headers/111.jpg); }
#mystyle .my2{ background-image:url(image/headers/222.jpg); }
#mystyle .my3{ background-image:url(image/headers/333.jpg); }
#mystyle .my4{ background-image:url(image/headers/444.jpg); }

[/quote]
Все равно белое окно выводит и все. Меня смущает строка
echo ‘my’ . ( rand(1, 2) ) – точно ли здесь получится my1 или my2
И возможно в конце стоит добавит </div> ?

MAX

15.04.2007 17:38

Ответить

Точно.

Вы посмотрите, какой код генерируется. Если нет php-ошибок, значит все верно написали. Ну, а закрывающий div, конечно же нужен. Я ведь привел строчку только для одного участка вашего кода.

Вывод различного Header-a

Свежее