Как изменить фон сайта при перезагрузки - Скрипты - UCOZ - Каталог файлов - Каморка
kamorka
Menu
Правила чата
Пользователи онлайн
Мини-чат
+Мини-чат
0
Онлайн всего: 1
Гостей: 1
Пользователей: 0
   Категории

Комментарии

KaMoRkA.uCoz.com -- uCoz -- Скрипты


Здесь рассмотрим как можно обновить фон на сайте при обновлении страницы или перезагрузки, чтоб появился другая гамма или изображение. По интернету по запросам можно найти много на эту тему и думаю вы сами видели, что переходя на другую страницу меняется цвет фона. А если брать кино сайт, то там появляется совершенно другая картинка и так все идет по кругу. Все зависит от того, сколько вы сами установили в скрипте.

Основном делают на фиксированной ширине конструктора, но все же тема становится актуальной и здесь можно сделать как вам нужно. А это игра гаммой или тематическими картинками, здесь главное, чтоб все было по теме. Возможно много на эту тему есть ответов, но разберем один рабочий, где и по установке он не сложен, а можно сказать простой. Но нужно понимать, что обновление возможно будет не при каждом обновление, что нужно знать.

Приступаем к установке:

Все будет производить скрипт и его нужно выставить, на тех страницах, где вам нужно это обновление и поставить перед /body в каждой странице.

Код
<script>  
var backgrounds = [  
  "#fff",  
  "#3843",  
  "#ads"  
];  
document.body.style.background = backgrounds[Math.floor(Math.random() * (backgrounds.length + 1))];  
</script>


Это качается гаммы цвета, здесь выставлено 3 варианта, если нужно больше, то просто добавляем.

Код
"#376",


Что по картинкам или фоновым изображением, то эти цветовые гаммы убираем и на их место ставим под ссылки.

Код
"url(ЗДЕСЬ СТАВИМ ССЫЛКУ НА ИЗОБРАЖЕНИЕ 1) top center",  
"url(ЗДЕСЬ СТАВИМ ССЫЛКУ НА ИЗОБРАЖЕНИЕ 2) top center",  
"url(ЗДЕСЬ СТАВИМ ССЫЛКУ НА ИЗОБРАЖЕНИЕ 3) top center",  
"url(ЗДЕСЬ СТАВИМ ССЫЛКУ НА ИЗОБРАЖЕНИЕ 4) top center",  
"url(ЗДЕСЬ СТАВИМ ССЫЛКУ НА ИЗОБРАЖЕНИЕ 5) top center"


И по ним также работа идет, сколько нужно добавляем, или убираем, все очень просто, и после установки будет изменение.

Важно!

При копировании материала указывать ссылку на источник.

- 545
- 18-Марта-2017
- 0
Материал разместил:

Похожий материал
Статьи сайта