Рандомный логотип, скрипт
Страница 1 из 1
Рандомный логотип, скрипт
Для начала о том, что это такое. Вместо одной картинки скрипт будет выводить в логотипе случайную (из заданных) при каждой загрузке страницы. Лучше конечно это сделать на flash (подробнее здесь), но не все умеют им пользоваться. Поэтому предлагаю альтернативу на JavaScript.
Для начала заходим в ПА >> Оформление >> Управление картинками, и заменяем картинку логотипа на "пустышку".
Затем в Общие настройки >> Конфигурации форума и чистим поля "Название сайта", "Описание сайта".
Теперь в Модулях создаем новый персональный виджет. Напротив пункта "Использовать стандартный шаблон :", ставим "НЕТ". Название виджета любое.
В содержание ставим сам скрипт:
Если у вас phpBB2:
Если у вас phpBB3:
Если у вас IPB или PunBB:
Добавляем новосозданный виджет на форум и на портал (на все страницы).
Для начала заходим в ПА >> Оформление >> Управление картинками, и заменяем картинку логотипа на "пустышку".
Затем в Общие настройки >> Конфигурации форума и чистим поля "Название сайта", "Описание сайта".
Теперь в Модулях создаем новый персональный виджет. Напротив пункта "Использовать стандартный шаблон :", ставим "НЕТ". Название виджета любое.
В содержание ставим сам скрипт:
Если у вас phpBB2:
- Код:
<script>
var rnd = Math.floor(Math.random()*5);
opacit = 0;
step = 1;
if(rnd == 0) {document.getElementById("i_logo").src = "Адрес первой картинки";}
if(rnd == 1) {document.getElementById("i_logo").src = "Адрес второй картинки";}
if(rnd == 2) {document.getElementById("i_logo").src = "Адрес третьей картинки";}
if(rnd == 3) {document.getElementById("i_logo").src = "Адрес четвертой картинки";}
if(rnd == 4) {document.getElementById("i_logo").src = "Адрес пятой картинки";}
function move() {
if(opacit<=100 && opacit>-1) {opacit += step;document.getElementById("i_logo").style.opacity=opacit/100;
document.getElementById("i_logo").style.filter="alpha(opacity="+opacit+")";
setTimeout("move()",30);}
}
move();
</script>
Если у вас phpBB3:
- Код:
<script>
var rnd = Math.floor(Math.random()*5);
var Newpr = document.getElementsByClassName("inner");
opacit = 0;
step = 1;
if(rnd == 0) {Newpr[0].innerHTML = "<a href=/forum.htm><img src=Адрес первой картинки id=opacitimg></a>";}
if(rnd == 1) {Newpr[0].innerHTML = "<a href=/forum.htm><img src=Адрес второй картинки id=opacitimg></a>";}
if(rnd == 2) {Newpr[0].innerHTML = "<a href=/forum.htm><img src=Адрес третьей картинки id=opacitimg></a>";}
if(rnd == 3) {Newpr[0].innerHTML = "<a href=/forum.htm><img src=Адрес четвертой картинки id=opacitimg></a>";}
if(rnd == 4) {Newpr[0].innerHTML = "<a href=/forum.htm><img src=Адрес пятой картинки id=opacitimg></a>";}
function move() {
if(opacit<=100 && opacit>-1) {opacit += step;document.getElementById("opacitimg").style.opacity=opacit/100;
document.getElementById("opacitimg").style.filter="alpha(opacity="+opacit+")";
setTimeout("move()",30);}
}
move();
</script>
Если у вас IPB или PunBB:
- Код:
<script>
var rnd = Math.floor(Math.random()*5);
var Newpr = document.getElementsByClassName("clearfix");
opacit = 0;
step = 1;
if(rnd == 0) {Newpr[0].innerHTML = "<a href=/forum.htm><img src=Адрес первой картинки id=opacitimg></a>";}
if(rnd == 1) {Newpr[0].innerHTML = "<a href=/forum.htm><img src=Адрес второй картинки id=opacitimg></a>";}
if(rnd == 2) {Newpr[0].innerHTML = "<a href=/forum.htm><img src=Адрес третьей картинки id=opacitimg></a>";}
if(rnd == 3) {Newpr[0].innerHTML = "<a href=/forum.htm><img src=Адрес четвертой картинки id=opacitimg></a>";}
if(rnd == 4) {Newpr[0].innerHTML = "<a href=/forum.htm><img src=Адрес пятой картинки id=opacitimg></a>";}
function move() {
if(opacit<=100 && opacit>-1) {opacit += step;document.getElementById("opacitimg").style.opacity=opacit/100;
document.getElementById("opacitimg").style.filter="alpha(opacity="+opacit+")";
setTimeout("move()",30);}
}
move();
</script>
Добавляем новосозданный виджет на форум и на портал (на все страницы).
Последний раз редактировалось: Irbis (Чт 7 Май - 12:40), всего редактировалось 4 раз(а)
Страница 1 из 1
Права доступа к этому форуму:
Вы не можете отвечать на сообщения
|
|