Доброго времени!
Имеется сайт на котором стоит простая "заглушка" - www.aiv.kim
Фоновое изображение с информацией. Хочу чтобы при обновлении браузера фоновое изображение рандомно менялось. То есть гость, который зайдет будет видеть не одну и ту же фотку, а рандомно как получится. В общем нашёл код скрипта но не могу понять как это связать вместе с CSS.
Где-то на форуме нашёл простой скриптец рандома изображений, выглядит вот так:
Но, вывод фонового изображения осуществляется с помощью css:
И я не могу сообразить как это вместе связать. Яву кидаю в index а вывод фона с помощью css осуществяется. Собственно у кого какие идеи? Если кто-то шарит, могу подкинуть рубле 200 на пивко.
Имеется сайт на котором стоит простая "заглушка" - www.aiv.kim
Фоновое изображение с информацией. Хочу чтобы при обновлении браузера фоновое изображение рандомно менялось. То есть гость, который зайдет будет видеть не одну и ту же фотку, а рандомно как получится. В общем нашёл код скрипта но не могу понять как это связать вместе с CSS.
Где-то на форуме нашёл простой скриптец рандома изображений, выглядит вот так:
| Код |
|---|
<img id="random-banner" src="1.jpg" />
<script type="text/javascript">
function getRandomInt(min, max)
{
return Math.floor(Math.random() * (max - min + 1)) + min;
}
var imagesArr =
[
'1.jpg'
,'2.jpg'
,'3.jpg'
];
randImage = imagesArr[getRandomInt(0, imagesArr.length-1)];
document.getElementById('random-banner').setAttribute('src', randImage);
</script>
|
Но, вывод фонового изображения осуществляется с помощью css:
| Код |
|---|
#cd-intro {
position: relative;
height: 100%;
background: url("../img/2.jpg") no-repeat center center;
background-size: cover;
|
Изменено:
Айв Ким - 8 Мая 2017 12:35
