Загрузка случайной картинки

13.05.2014, 20:50. **Показов** 1519. **Ответов** 1

Author24 — интернет-сервис помощи студентам

Добрый день!

Есть необходимость сделать так, чтобы в качестве объекта art-Header-jpeg загружался случайный .jpg файл из папки images/headers

Отрывок из style.css :

CSS

div.art-Header-jpeg
{
    position: absolute;
    z-index:-1;
    top: 0;
    left: 0;
    width: 980px;
    height: 500px;
    background-image: url('images/Header.jpg');
    background-repeat: no-repeat;
    background-position: center center;
}

Подскажите пожалуйста, можно ли это реализовать?

@Excubitor · 14.05.2014, 05:59

для этого html и css не подходят, нужен js...

Что-то типа этого.

Javascript

function getrandom() {
    var min_random = 0;
    var max_random = 2;
    max_random++;
    var range = max_random - min_random;
    var n=Math.floor(Math.random()*range) + min_random;
    return n;
}
function randomfotos()
{
   var myArray= ['photo1', 'photo2', 'photo3'];
   document.images.foto1.src="photos/randomfotos/"+myArray[getrandom()]+".jpg"; 
}

Если нужно больше 3х фоток, то меняем max_random на нужное значение минус 1, и соответственно добавляем имена этих фоток в массив myArray

	14.05.2014, 05:59