1 1 1 1 1 1 1 1 1 1 Рейтинг: 5.00 - 1 отзыв

Решение "Как поставить случайное фото" в статью или в любом месте html сайта. Делаю простой html сайт. И хочу сделать так, чтобы фотографии менялись случайным образом в боковых колонках (иначе скучный дизайн выходит совсем).

Перезагрузите страницу и вы увидите что эта картинка изменится.

Поставить фото в любом месте сайта легко, а вот как поставить случайное фото из тех, что вы хотите у себя установить? Все очень просто.

1. Открываем "Блокнот". И копируем в него код. Исправляем ВАШСАЙТ, на адрес вашего сайта.

 

var a=Math.round(Math.random()*4) - 4 это количество фотографий
image = new Array();
image[0]="http://ВАШСАЙТ/images/fotoseortr24/001.jpg" - путь к картинке
image[1]="http://ВАШСАЙТ/images/fotoseortr24/002.jpg" - путь к картинке
image[2]="http://ВАШСАЙТ/images/fotoseortr24/003.jpg" - путь к картинке
image[3]="http://ВАШСАЙТ/images/fotoseortr24/004.jpg" - путь к картинке
document.write ("<img src="/+image[a]+">");

Смотрим внимательно. Количество случайных фотографий здесь 4, а в левом столбце image{3}. Не смущайтесь, это потому, что нужно обязательно начинать счет с ноля.

Вы можете указать любое число фото, которые будут случайным образом показываться на сайте html в нужном для вас месте. Для этого меняете цифру 4, на необходимое количество фотографий (или картинок). И прибавляем столько же строчек в коде, чтобы общее количество фото в коде, равнялось заданному вами вместо 4, числу.

2. Жмем в "Блокноте" "Сохранить как". Выбираем там "All tapes" (это в самом верху, любой тип). И сохраняем данный код в виде скрипта fotoseortr24.js

3. В корне сайта (это самая первая папка, в которой лежит файл index), создаем папку scripts. И в эту папку кладем, созданный нами скрипт fotoseortr24.js.

4. Там же в корне сайта лежит папка images (если ее нет, то создайте ее). Внутри папки images сделайте папку fotoseortr24.

5. Внутри папки fotoseortr24 располагаем фотографии, которые будут случайным образом появляться в нужном месте на сайте html (я все время подчеркиваю, что сайт html, потому что например для Joomla есть модуль для вывода фото в случайном порядке и там вопрос случайных картинок решается по другому)

Обращаем внимание на имена фотография. Они должны быть точно таким, как в скрипте (001.jpg, 002.jpg). И главное, фото должны быть одного размера (любой какой требуется вам, но одинаковый между собой). Иначе при появлении каждой случайной фотографии, будет меняться общий вид всего сайта, а это отпугнет посетителей.

6. Итак, у нас есть папка с фото, для случайного вывода. Есть папка для скрипта и в ней лежит сам скрипт. Остается только указать место, где бы вы хотели вывести ваши фотографии случайным образом. Сделать это можно везде, в любом месте на сайте. Можно, как в моем примере, установить случайное фото в статью. А можно в боковую колонку, в футер, сделать фоновую картинку всего сайта случайным образом меняющуюся.

Для этого, в нужном для вас месте, нужно вписать код (заменив ВАШСАЙТ на адрес вашего сайта)

<script language="javascript" type="text/javascript" src="http://ВАШСАЙТ/scripts/fotoseortr24.js"></script>
<script type="text/javascript"></script>

Подсказка русского тракториста. Код нужно вписывать в режиме html (да вы и сами это знаете).

Все. Теперь у вас на сайте будет каждый раз разное фото, случайным образом выбранное из ваших картинок, что оживит проект.

Добавить комментарий

Защитный код
Обновить