X   Сообщение сайта
(Сообщение закроется через 3 секунды)



 

Здравствуйте, гость (

| Вход | Регистрация )

3 страниц V   1 2 3 >
Открыть тему
Тема закрыта
> Случайное изображение
DasTPID
DasTPID
Topic Starter сообщение 16.1.2009, 11:18; Ответить: DasTPID
Сообщение #1


Приветствую!
Мне нужно, чтобы на мою страничку загружалось случайное изображение. Ну например у меня есть img1.jpg, img2.jpg, img3.jpg, img4.jpg, нужно, чтобы при загрузке странички случайно выбиралось число 1..4 и подставлялось в тег <img src = "imgX.jpg"> Каким образом лучше всего реализовать данную задачу?
0
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Webmaster_hb
Webmaster_hb
сообщение 16.1.2009, 11:22; Ответить: Webmaster_hb
Сообщение #2


DasTPID, средствами htm этого не сделать
можно использовать javascript или php
примеры на этом форуме уже неоднократно приводились
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
DasTPID
DasTPID
Topic Starter сообщение 16.1.2009, 11:49; Ответить: DasTPID
Сообщение #3


Очень желательно javascript, чтобы выполнялось на стороне броузера.. а примеров я не нашел, хотя и искал, и до того, как задать вопрос, и после вашего ответа.. если несложно, дайте ссылку плиз.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
pomp
pomp
сообщение 16.1.2009, 11:55; Ответить: pomp
Сообщение #4


<!--HTML.BY-->
<script language="JavaScript">
<!--
var a=Math.round(Math.random()*4)
image = new Array();
image[0]="images/img1.jpg"
image[1]="images/img2.jpg"
image[2]="images/img3.jpg"
image[3]="images/img3.jpg"
document.write ("<img src="+image[a]+">");
//--
>
</script>
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Webmaster_hb
Webmaster_hb
сообщение 16.1.2009, 11:58; Ответить: Webmaster_hb
Сообщение #5


в поиске введите "случайная картинка"
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
MetSerp
MetSerp
сообщение 16.1.2009, 12:08; Ответить: MetSerp
Сообщение #6


Если на ява то как то вот так.
Код скрипта
<script type="text/javascript">
<!--
var rimg = (Math.random()*2);//где 2 количество картинок в директории
if (rimg == 1 && rimg < 1) document.writeln("<img id='id' src='put k kartinke'>");
if (rimg == 2 ) document.writeln("<img id='id' src='put k kartinke'>");
//--
>
</script>
теперь разберем строки:
var rimg = (Math.random()*2)
здесь объявляется локальная переменная rimg и ей присваивается случайное значение максимум 2 (2 количество картинок в папке его надо менять на свое)

if (rimg == 1) document.writeln("<img id='id' src='put k kartinke'>");
если сгенерировалось число 1 то вывести в текущее положение скрипта :
<img id='id' src='put k kartinke'>
где id ваше желаемое id картинки src путь к картинке (грубо говоря туда вы выводите то чтобы написале в теле страничке чтобы вставить эту картинку)
можете туда так же добавить другие свойства картинки (высоту ширину итд) как в простой тег главное ставьте вместо двойных одинарные кавычки и экранируйте / символом \
if (rimg == 2 ) document.writeln("<img id='id' src='put k kartinke'>");
все тоже самое но если переменная rimg приняла значение 2 если надо 3 картинки то и\меняете 2 на 3 а в теле функции добавляете еще строчку
if (rimg == 3 ) document.writeln("<img id='id' src='put k kartinke'>");
итд алгоритм думаю ясен :sarcastic:
логичнее использовать массив но в них я не силен
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
DasTPID
DasTPID
Topic Starter сообщение 16.1.2009, 12:12; Ответить: DasTPID
Сообщение #7


А если изображений не 4, то можно использовать такой код, выдает целое число от мин до макс:

Math.round(Math.random()*(max-min))+min;

Это нашел сам.

Всем спасибо!
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
MetSerp
MetSerp
сообщение 16.1.2009, 12:15; Ответить: MetSerp
Сообщение #8


(DasTPID @ 16.1.2009, 14:12) *
Math.round(Math.random()*(max-min))+min;

Емнип здесь надо все равно указывать минимальное и максимальное число потому что он не потрошит папку считая файлы и записывая в переменную их количество ;)
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
DasTPID
DasTPID
Topic Starter сообщение 17.1.2009, 21:37; Ответить: DasTPID
Сообщение #9


Ну естественно, что файлы надо самому пересчитать.
Кстати, прогнал несколько раз и вылезла ошибка. Стал разбираться, и по-моему в коде от Pomp нужно math.round() заменить на math.floor().
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
SanteR_hb
SanteR_hb
сообщение 18.1.2009, 15:42; Ответить: SanteR_hb
Сообщение #10


Спасибо!!!
Давно искал!!
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
3 страниц V   1 2 3 >
Открыть тему
Тема закрыта
1 чел. читают эту тему (гостей: 1, скрытых пользователей: 0)
Пользователей: 0


Свернуть

> Похожие темы

  Тема Ответов Автор Просмотров Последний ответ
Открытая тема (нет новых ответов) Тема имеет прикрепленные файлыПреобразую в вектор растровое изображение
Для первых двух готова делать бесплатно, за отзыв
1 ropique 3071 18.5.2018, 22:26
автор: Gerga
Открытая тема (нет новых ответов) Как вывести текст при наведении на изображение?
2 meduza_hb 6950 18.10.2016, 21:22
автор: -x-line-
Открытая тема (нет новых ответов) Изображение поверх сайта
4 tmait 2082 9.8.2015, 18:27
автор: tmait
Открытая тема (нет новых ответов) Нужен код изображение с ссылкой для UMI.RU
4 Deferr 3511 2.9.2014, 9:08
автор: -Deferr-
Открытая тема (нет новых ответов) Помогите вставить фоновое изображение.
3 VPISKA 5760 28.7.2014, 10:07
автор: -Degradator-


 



RSS Текстовая версия Сейчас: 28.3.2024, 18:28
Дизайн