» »

Как изменить фон сайта при перезагрузки

Как изменить фон сайта при перезагрузки

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

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

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

Все будет производить скрипт и его нужно выставить, на тех страницах, где вам нужно это обновление и поставить перед /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"


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

Источник: Talantlev.ru/
2017-03-16 Просмотров: 988 Комментарий: (10)

Поделиться в социальных сетях

Материал разместил

Комментарий: 10
Сафрон
Сафрон 2017-03-16 20:391
0
Нужно проверить, а так на кино сайт больше всего настроен, не представляю его на софте или на блоге.
Tergran
Tergran 2017-03-16 20:432
0
А что проверять, источник уже проверенный и на нем если не изменяет память скрипты продают. А этот скрипт, правильно сказано, его видел в другой виде, но здесь как то все просто.
Марковичь
Марковичь 2017-03-16 20:503
0
Пригодиться для тех кто просит поставить.
Scheme
Scheme 2017-03-16 20:584
0
Мне вообще кажется это лишнем, если еще и на главную поставить, это же все грузит хорошо.
Kosten
Kosten 2017-03-16 21:015
0
Грузит то скрипт а не изображение, оно что раз про грузилось и все. Вот только не знаю, если его в низ или вверх сайта поставить, это будет на всем сайте работать и на каждой странице, чтоб не распахивать. Хотя если один каталог, то по страницам можно прописать.
waak
waak 2017-03-16 22:216
0
маленькая просьба к админу сменить источник так как по скрину видно от куда данный материал на сайте что указан источником
waak
waak 2017-03-16 22:277
0
вот для справки!
Kosten
Kosten 2017-03-16 22:439
0
Изменил, просто источник там был не указал, думаю вам нужно там также написать в комментариях, думаю это будет справедливо.
Kosten
Kosten 2017-03-16 22:4710
0
Хотя рассмотрел, там источник стоит, толь также сделать, ставить источник, который вообще не видно, если не знаешь, то не найдешь.
1 2 »
avatar