Cлучайная картинка - Форум

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


Страница 1 из 212»
Форум » 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>
wink
 
ЦунадаДата: Четверг, 30.12.2010, 11:40 | Сообщение # 3
Группа: Пользователи
Сообщений: 3
Статус: Offline
happy супер happy
 
ГостьДата: Четверг, 17.03.2011, 20:59 | Сообщение # 4
Группа: Гости





спс большое! мне это очень пригодится!
 
ГостьДата: Четверг, 07.04.2011, 10:28 | Сообщение # 5
Группа: Гости





У меня картинки получаются в полную величину, не зависимо от того какой я задал размер таблицы. Как это исправить?
 
Форум » WEB-мастеру » Скрипты для Ваших сайтов » Cлучайная картинка
Страница 1 из 212»
Поиск:



---