[Решено] Случайный фон-изображение

slepoy

Давно я тут
753
24 / 0
Тотальная шизофазия

[Решено] Случайный фон-изображение

« : 17.07.2009, 17:53:40 »

index.php:

Код

<div id="leftcol">
       <div id="left"><?php mosLoadModules('left', -2); ?></div>
</div>

css:

Код

#leftcol{
float: left;
background: url(../images/leftpic/01.gif) no-repeat 0 100px;
background-attachment: fixed;}

Задача: при каждом обновлении страницы менять изображения, которые находятся в папке leftpic (01.gif, 02.gif, 03.gif).
Понятия не имею, как.

Узнал, лишь что можно организовать смену картинок таким кодом в файле шаблона:

Код

<img src="../templates/имя-шаблона/images/header/header<?=rand(1,3)?>.jpg" width="600" height="80" alt="Смотри сюда!" />

Но в этом случае картинка - не фон. Как быть?
Спасибо.

« Последнее редактирование: 30.07.2009, 19:28:59 от slepoy »

Записан

Помог? Поставь(те) плюс в репутацию.

Mitrich

Захожу иногда
289
524 / 13
Все можно. Но сначала учиться, учиться и учиться.

Re: Случайный фон-изображение

« Ответ #1 : 17.07.2009, 17:57:58 »

Код: css

#leftcol-1,
#leftcol-2,
#leftcol-3{
float: left;
background-attachment: fixed;
}

#leftcol-1{
background: url(../images/leftpic/01.gif) no-repeat 0 100px;
}

#leftcol-2{
background: url(../images/leftpic/02.gif) no-repeat 0 100px;
}

#leftcol-3{
background: url(../images/leftpic/03.gif) no-repeat 0 100px;
}

Код: html

<div id="leftcol-<?php echo rand(1,3);?>">
       <div id="left"><?php mosLoadModules('left', -2); ?></div>
</div>

Записан

http://mitrichlab.ru создание сайтов на CMS Joomla!

Часто задаваемые вопросы и ответы по Joomla Все что надо знать о HTML и CSS приличному человеку Как найти и читать error.log Не стучите в личку, огорчусь

slepoy

Давно я тут
753
24 / 0
Тотальная шизофазия

Re: Случайный фон-изображение

« Ответ #2 : 30.07.2009, 18:11:02 »

Спасибо. А вот сейчас пытаюсь поставить 2 картинки на фон: в верхни й левый угол и верхний правый.

Код

<body>
<div id="body_br-<?php echo rand(1,4);?>">
<div id="body_bl-<?php echo rand(1,4);?>">
все остальное
</div>
</div>
</body>

Код

#body_br-1, #body_br-2, #body_br-3, #body_br-4,
#body_bl-1, #body_bl-2, #body_bl-3, #body_bl-4{
background-attachment: fixed;}

#body_br-1{ background: url(../images/br/br01.gif) no-repeat top right;}
#body_br-2{ background: url(../images/br/br02.gif) no-repeat top right;}
#body_br-3{ background: url(../images/br/br03.gif) no-repeat top right;}
#body_br-4{ background: url(../images/br/br04.gif) no-repeat top right;}
#body_bl-1{ background: url(../images/bl/bl01.gif) no-repeat top left;}
#body_bl-2{background: url(../images/bl/bl02.gif) no-repeat top left;}
#body_bl-3{ background: url(../images/bl/bl03.gif) no-repeat top left;}
#body_bl-4{ background: url(../images/bl/bl04.gif) no-repeat top left;}

Может с путями нпутал? Т.к. /images/bl/ - это папка в каталоге шаблона...

Записан

Помог? Поставь(те) плюс в репутацию.

В новом шаблоне не адаптируется изображение Автор Ebelous	Ответов: 4 Просмотров: 3479	13.02.2024, 17:01:12 от Vastriet
[Решено] Как сделать чтобы фотография открылась в отдельном окне? Автор a-two	Ответов: 11 Просмотров: 2847	03.11.2020, 16:57:40 от Nikolay89
[Решено] Слетает правый сайдбар на шаблоне protostar Автор Mick_20	Ответов: 4 Просмотров: 2903	28.05.2020, 15:45:06 от Muzzy
[Решено] UiKit: сетка на 12 колонок, а также на 7, 8, 9 и (для uikit3) 10 Автор AlekVolsk	Ответов: 1 Просмотров: 7358	08.08.2019, 19:02:41 от AlekVolsk
Элемент flexbox выходит за края родителя [РЕШЕНО] Автор dm-krv	Ответов: 3 Просмотров: 10616	05.04.2019, 16:07:44 от dm-krv

[Решено] Случайный фон-изображение - Вопросы по CSS

Новости Joomla

👩‍💻 События плагинов и порядок их срабатывания при работе с пользовательскими полями Joomla и использовании FieldsHelper.

🏆 Открыто голосование за Joomla в премии CMS Critic People’s Choice Awards 2025

👩‍💻 Релиз JoomGallery 4.3.0 - компонент галереи изображений для Joomla.

slepoy

[Решено] Случайный фон-изображение

Mitrich

Re: Случайный фон-изображение

slepoy

Re: Случайный фон-изображение

Похожие темы