Скрипт. Перезагрузка страницы. Смена шапки на новую.

Поделиться125-08-2011 09:06:33

Автор: Бармалей
я есмь клевер
Зарегистрирован: 19-08-2011
Приглашений: 0
Сообщений: 30
Уважение: +16
Позитив: +2
Пол: Мужской
Возраст: 34 [1990-11-09]
Провел на форуме:
9 часов 19 минут
Последний визит:
24-10-2011 18:10:30

Где-то по форуму, а может и не по этому часто встречался вопрос: Какой скрипт нужен для того, чтобы при каждой перезагрузки странички, менялась картинка, к примеру, шапка дизайна? Решил ответить на этот вопрос одной простой темой, чтобы следующим юзерам было удобно и не пришлось искать этот скрипт где-нибудь ещё.

Код следует вставлять в html низ или в теги <body>

Код:

 <script type="text/javascript">
var a=Math.round(Math.random()*3)
image = new Array();
image[0]="Ссылка на картинку"
image[1]="Ссылка на картинку"
image[2]="Ссылка на картинку"
image[3]="Ссылка на картинку"
document.write (" <img src="+image[a]+"> ");
</script>

image[3]="Ссылка на картинку" - поменяв число 3 на 4, 5, 6 и так далее, можно добавлять сменную картинку до бесконечности!

Надеюсь, что этот скрипт будет вам полезным.

+4

Поделиться202-03-2012 16:45:50

Автор: .милевская
я есмь клевер
Зарегистрирован: 12-07-2011
Приглашений: 0
Сообщений: 460
Уважение: +20
Позитив: +15
Провел на форуме:
3 дня 17 часов
Последний визит:
31-03-2015 19:20:58

Собственно не ясно одно, когда вставляю этот код в нтмл низ, она мне его внизу и выдает, а нужно что бы шапка менялась

0

Поделиться302-03-2012 17:11:03

Автор: Wilhelm
я есмь клевер
Зарегистрирован: 06-04-2011
Приглашений: 0
Сообщений: 1473
Уважение: +566
Позитив: +127
Провел на форуме:
18 дней 16 часов
Последний визит:
08-10-2016 19:15:07

потому что это просто скрипт для смены картинок (еще один, как пример - http://forum.mybb.ru/viewtopic.php?id=6 … 19#p656237 ). Для шапки, если именно шапка нужна - требуется иной скрипт, вот он:

1. хтмл-верх:

Код:

<style>
#pun-title .title-logo {display : none;}
</style>

2. туда же:

<script type="text/javascript">
var phr = new Array()
phr.push("http://www.dolem.com/lytebox/misc/pleiads_thumb.jpg")
phr.push("http://www.dolem.com/lytebox/misc/orion2_thumb.jpg")

document.write('<style>#pun-title table {background-image: url('+phr[Math.round(Math.random()*(phr.length-1))]+'); background-repeat: no-repeat;}</style>')
</script>

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

Отредактировано Zillah (02-04-2012 21:46:03)

+3