Cлучайная картинка

[ Новые сообщения · Участники · Правила форума · Поиск · RSS ]

Страница 1 из 2
1
2
»

Форум » WEB-мастеру » Скрипты для Ваших сайтов » Cлучайная картинка

Cлучайная картинка

Daffy

Дата: Среда, 29.12.2010, 20:14 | Сообщение # 1

Группа: Администраторы

Сообщений: 217

Статус: Offline

На этой странице пример: http://chasikov.net.ru/preview/random-image.html

Перед тегом < /head> ставим код:

Code

<Script Language="JavaScript">
   //создаем массив с указанием места расположения картинок
var imagesarr = new Array(
   "images/01.jpg",
   "images/02.jpg",
   "images/03.jpg",
   "images/04.jpg",
   "images/05.jpg",
   "images/06.jpg",
   "images/07.jpg"
);
// формируем массив подписей к картинкам
var commentsarr = new Array(
   "Красивые девушки фото #1",   //подпись к какртинке 01.jpg
   "Красивые девушки фото #2",  //подпись к какртинке 02.jpg
   "Красивые девушки фото #3",  //подпись к какртинке 03.jpg   и т.д.
   "Красивые девушки фото #4",
   "Красивые девушки фото #5",
   "Красивые девушки фото #6",
   "Красивые девушки фото #7"
   );
</Script>

В коде есть подсказка

Дальше ставим следущий код в том месте где должны быть видны картинки:

Code

<Script Language="JavaScript">
var los = Math.floor(Math.random() *imagesarr.length)
document.write ("<Img Src='"+imagesarr[los]+"' Alt='"+commentsarr[los]+"'>");
</Script>

Уточняю в первом коде строки:
"images/01.jpg",
"images/02.jpg",
"images/03.jpg",
"images/04.jpg",
"images/05.jpg",
"images/06.jpg",
"images/07.jpg"

В место images/01.jpg указывайте ссылку на картинку, можно использовать радикал или любой другой фото хостинг.

Добавить эту страницу в закладки:

Daffy

Дата: Среда, 29.12.2010, 20:27 | Сообщение # 2

Группа: Администраторы

Сообщений: 217

Статус: Offline

Как увеличеть количество картинок?!
Просто дублируем эти строки:
"images/01.jpg",
"images/02.jpg",
"images/03.jpg",
"images/04.jpg",
"images/05.jpg",
"images/06.jpg",
"images/07.jpg"
и одновременно эти, с описанием картинок:
"Красивые девушки фото #1", //подпись к какртинке 01.jpg
"Красивые девушки фото #2", //подпись к какртинке 02.jpg
"Красивые девушки фото #3", //подпись к какртинке 03.jpg и т.д.
"Красивые девушки фото #4",
"Красивые девушки фото #5",
"Красивые девушки фото #6",
"Красивые девушки фото #7"

Ниже код с увеличенным числом картинок до 20:

Code

<Script Language="JavaScript">
    //создаем массив с указанием места расположения картинок
var imagesarr = new Array(
    "images/01.jpg",
    "images/02.jpg",
    "images/03.jpg",
    "images/04.jpg",
    "images/05.jpg",
    "images/06.jpg",
    "images/07.jpg",
    "images/08.jpg",
    "images/09.jpg",
    "images/10.jpg",
    "images/11.jpg",
    "images/12.jpg",
    "images/13.jpg",
    "images/14.jpg",
    "images/15.jpg",
    "images/16.jpg",
    "images/17.jpg",
    "images/18.jpg",
    "images/19.jpg",
    "images/20.jpg"
);
// формируем массив подписей к картинкам
var commentsarr = new Array(
    "Красивые девушки фото #1",   //подпись к какртинке 01.jpg
    "Красивые девушки фото #2",  //подпись к какртинке 02.jpg
    "Красивые девушки фото #3",  //подпись к какртинке 03.jpg   и т.д.
    "Красивые девушки фото #4",
    "Красивые девушки фото #5",
    "Красивые девушки фото #6",
    "Красивые девушки фото #7",
    "Красивые девушки фото #8",
    "Красивые девушки фото #9",
    "Красивые девушки фото #10",
    "Красивые девушки фото #11",
    "Красивые девушки фото #12",
    "Красивые девушки фото #13",
    "Красивые девушки фото #14",
    "Красивые девушки фото #15",
    "Красивые девушки фото #16",
    "Красивые девушки фото #17",
    "Красивые девушки фото #18",
    "Красивые девушки фото #19",
    "Красивые девушки фото #20"
    );
</Script>