Рандомный показ изображений на JavaScript

random-jsВ данном уроке мы научимся очень просто и быстро создавать рандомный показ изображений на чистом JS.
 

Шаг 1. Для начала нам понадобится создать файл с расширением .JS (тип JavaScript). Сохраните его, у меня он называется random.js, у Вас может называться по другому, но в конце обязательно должно стоять расширение .js.
 
Шаг 2. Открываем наш JavaScript – файл и пишем в нем следующие несколько строчек кода:
 

var imagesarr = new Array(

“photos/1.jpg”,

“photos/2.jpg”,

“photos/3.jpg”,

“photos/4.jpg”);

var los = Math.floor(Math.random() * imagesarr.length)

document.write (“<Img Src=’”+imagesarr[los]+”‘>”);

 
В строке “photos/1.jpg“ указывается место, где расположено Ваше изображение. У меня эта папка называется photos, а изображение имеют имя 1.jpg, 2.jpg и т.п. Советую называть изображения так же, не называйте их слишком длинными именами.
 
Шаг 3. Создаем обычную html – страницу. И в месте где Вы хотите чтобы появлялись изображения пишем следующий код:
 

<script type=”text/javascript” src=”random.js”></script>

 
Тут тоже ничего сложного нету, просто открываем тег, который отвечает за JavaScript, выглядит он так <script>…</script>. Тип файла указываем что это javascript, и src=”...”, указываем путь где лежит наш файл с расширением .js.
 
Шаг 4. Сохраняем все и проверяем. Если Вы сделали правильно, то при каждом обновлении страницы (F5) будет меняться изображение.
 
Урок окончен. Попробуйте выполнить его сами, для этого я выложил исходники и демо версию данного урока.
 
demosource