Реализация скрипта. Рандомно всплывающая картинка на странице сайта

@dimoncheg · Регистрация: 18.10.2012

Студворк — интернет-сервис помощи студентам

Здравствуйте. Сразу скажу, что с Java я знаком плохо. Нужна реализация такой фичи: Есть картинка, есть сайт. Нужен скрипт. Скрипт отображает картинку в окне браузера рандомно. Желательно, чтобы можно было ставить ограничение. Например - всплывает в рандомное время, но не дольше чем через 10 минут активной страницы или что то типа того.. Всплывает на несколько долей сек. и исчезает. Много мороки? Есть что-то близкое по теме?

P.S это требуется для реализации "скримера" на сайт..

@Freeden · 19.02.2014, 00:22

HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
<html>
<head>
<script src="http://code.jquery.com/jquery-1.11.0.min.js"></script>
 
</head>
<img id="myImage" src="image1.jpg" style="display:none;">
<script>
$(document).ready(function () {
  var randomTime = Math.floor(Math.random()*1000*600);//генерируем количество минут в милисекундах
  
  function showImage() { 
    $("#myImage").fadeIn(1000).delay(2000).fadeOut(500);
    clearTimeout(a);
    randomTime = Math.floor(Math.random()*1000*600);
    a = setTimeout(showImage,randomTime);
   }
    var a = setTimeout(showImage,randomTime);
});
</script>
</html>

Ну как-то так примерно...

@dimoncheg · 14.03.2014, 19:44 **[ТС]**

Freeden, прекрасно, а возможно задать список картинок, которые тоже рандомно будут чередоваться между собой?

@Freeden · 15.03.2014, 02:37

Сообщение от dimoncheg

возможно задать список картинок

Конечно возможно:
1. Кешируете в браузер картинки, которые вам нужны
2. Генерируете число от 1 до кол-ва картинок (но так чтобы соответствовало названию файлов напр.: для image1.jpg,image2.jpg,image3.jpg будет генерация числа от 1 до 3 включительно)
3. Потом $("#myImage").attr('src', 'image'+сгенерированное число + '.jpg');

@dimoncheg · 15.03.2014, 08:57 **[ТС]**

Freeden, а, ну делов то. Осталось выучить JavaScript)

@Freeden · 15.03.2014, 16:09

HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
<html>
<head>
<script src="http://code.jquery.com/jquery-1.11.0.min.js"></script>
 </head>
<img id="myImage" src="image1.jpg" style="display:none;">
<script>
$(document).ready(function () {
  var randomTime = Math.floor(Math.random()*1000*600);//генерируем количество минут в милисекундах
  //console.log("Time left " + randomTime + " sec"); 
  var img_path = ["image1.jpg","image2.jpg","image3.jpg","image4.jpg"],
      img_arr  = new Array();
      for (var i = 0; i < img_path.length; i++) {
    img_arr[i] = new Image();
    img_arr[i].src = img_path[i];  
  }
  function showImage() { 
    var j = Math.floor(Math.random()*img_path.length);//генерирует число от 0 до кол-ва картинок
    var tmp_src = img_arr[j].src;
    $("#myImage").attr("src", tmp_src);
    $("#myImage").fadeIn(1000).delay(2000).fadeOut(500);
    clearTimeout(a);
    randomTime = Math.floor(Math.random()*1000*600);
    a = setTimeout(showImage,randomTime);
    //console.log("Time left " + randomTime + " rndnumber is " + j + " img path is " + tmp_src);
   }
    var a = setTimeout(showImage,randomTime);
});
</script>
</html>

@dimoncheg · 15.03.2014, 20:53 **[ТС]**

Freeden, большое спасибо!

Добавлено через 31 минуту
Freeden, можно еще вопросик? А возможна реализация такая, чтобы картинка всплывала в той области окна, где находится пользователь? А то, если он внизу страницы, то не видно ничего. Просто виден сдвиг.

@Freeden · 15.03.2014, 23:42

Можно конечно, но это уже к верстке и стилям вопрос, то есть задать для блока в котором изображение необходимое позиционирование.

Новые блоги и статьи Все статьи Все блоги /
http://iceja.net/ математические сервисы iceja 20.01.2026 Обновила свой сайт http:/ / iceja. net/ , приделала Fast Fourier Transform экстраполяцию сигналов. Однако предсказывает далеко не каждый сигнал (см ограничения http:/ / iceja. net/ fourier/ docs ). Также. . .	http://iceja.net/ сервер решения полиномов iceja 18.01.2026 Выкатила http:/ / iceja. net/ сервер решения полиномов (находит действительные корни полиномов методом Штурма). На сайте документация по API, но скажу прямо VPS слабенький и 200 000 полиномов. . .	Расчёт переходных процессов в цепи постоянного тока igorrr37 16.01.2026 / * Дана цепь постоянного тока с R, L, C, k(ключ), U, E, J. Программа составляет систему уравнений по 1 и 2 законам Кирхгофа, решает её и находит переходные токи и напряжения на элементах схемы. . . .	Восстановить юзерскрипты Greasemonkey из бэкапа браузера damix 15.01.2026 Если восстановить из бэкапа профиль Firefox после переустановки винды, то список юзерскриптов в Greasemonkey будет пустым. Но восстановить их можно так. Для этого понадобится консольная утилита. . .
Сукцессия микоризы: основная теория в виде двух уравнений. anaschu 11.01.2026 https:/ / rutube. ru/ video/ 7a537f578d808e67a3c6fd818a44a5c4/	WordPad для Windows 11 Jel 10.01.2026 WordPad для Windows 11 — это приложение, которое восстанавливает классический текстовый редактор WordPad в операционной системе Windows 11. После того как Microsoft исключила WordPad из. . .	Classic Notepad for Windows 11 Jel 10.01.2026 Old Classic Notepad for Windows 11 Приложение для Windows 11, позволяющее пользователям вернуть классическую версию текстового редактора «Блокнот» из Windows 10. Программа предоставляет более. . .	Почему дизайн решает? Neotwalker 09.01.2026 В современном мире, где конкуренция за внимание потребителя достигла пика, дизайн становится мощным инструментом для успеха бренда. Это не просто красивый внешний вид продукта или сайта — это. . .

@dimoncheg 10 / 10 / 4 Регистрация: 18.10.2012 Сообщений: 224

	Реализация скрипта. Рандомно всплывающая картинка на странице сайта 18.02.2014, 20:51. Показов 4473. Ответов 7 Метки нет (Все метки) Здравствуйте. Сразу скажу, что с Java я знаком плохо. Нужна реализация такой фичи: Есть картинка, есть сайт. Нужен скрипт. Скрипт отображает картинку в окне браузера рандомно. Желательно, чтобы можно было ставить ограничение. Например - всплывает в рандомное время, но не дольше чем через 10 минут активной страницы или что то типа того.. Всплывает на несколько долей сек. и исчезает. Много мороки? Есть что-то близкое по теме? P.S это требуется для реализации "скримера" на сайт.. 0

@dimoncheg 10 / 10 / 4 Регистрация: 18.10.2012 Сообщений: 224
	14.03.2014, 19:44 [ТС]
	Freeden, прекрасно, а возможно задать список картинок, которые тоже рандомно будут чередоваться между собой? 0

@dimoncheg 10 / 10 / 4 Регистрация: 18.10.2012 Сообщений: 224
	15.03.2014, 08:57 [ТС]
	Freeden, а, ну делов то. Осталось выучить JavaScript) 0

@dimoncheg 10 / 10 / 4 Регистрация: 18.10.2012 Сообщений: 224
	15.03.2014, 20:53 [ТС]
	Freeden, большое спасибо! Добавлено через 31 минуту Freeden, можно еще вопросик? А возможна реализация такая, чтобы картинка всплывала в той области окна, где находится пользователь? А то, если он внизу страницы, то не видно ничего. Просто виден сдвиг. 0

@Freeden 107 / 104 / 34 Регистрация: 25.04.2012 Сообщений: 242
	15.03.2014, 23:42
	Можно конечно, но это уже к верстке и стилям вопрос, то есть задать для блока в котором изображение необходимое позиционирование. 1

Реализация скрипта. Рандомно всплывающая картинка на странице сайта

Решение