Смена изображений по таймеру

@Дост · Регистрация: 05.02.2010

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

создать веб-страницу,на которой происходит смена изображений по таймеру и при наведении на них мыши.

@Darth Coder · 26.06.2011, 23:25

JavaScript
1
2
3
4
function change()
 {
document.images.a.src='https://www.cyberforum.ru/images/cyberforum_logo.png';
}

HTML5
1
<img id="a" src="https://www.cyberforum.ru/images/buttons/newthread.gif" onMouseUp="setInterval('change()', 2000)" >

@xAtom · 27.06.2011, 00:02

Сообщение от Дост

при наведении на них мыши.

JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
<html>
<head>
</head>
<script  language="JavaScript" type="text/javascript">
 
   function rollover(obj, id) {
              obj.src = (id == 1) ? "1.jpg" : "2.jpg";
   }
 
</script>
<body>
 
<img src="1.jpg" style="width:200px;height:100px;cursor:pointer;" onmouseout="rollover(this,1)" onmouseover="rollover(this,2)">
 
</body>
</html>

Сообщение от Дост

смена изображений по таймеру

JavaScript
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
30
31
32
33
<html>
<head>
</head>
<script  language="JavaScript" type="text/javascript">
 
    var  tm = null;
    var img = ["1.jpg", "2.jpg", "3.jpg", "4.jpg", "5.jpg" ]; 
    var pos = 0;
 
    function slide_show() {
    if(pos  >= img.length)
        pos = 0;
    document.getElementById("TV").src = img[pos];
    pos++;
   }
 
   function mode(id) {
    if(id == 1)
        tm = setInterval("slide_show()", 1500);  // 1.5 сек смена кадра
    else 
                       clearInterval(tm);
   }
        
 
</script>
<body>
<center>
<img id="TV" src="" style="width:640px;height:480px;border:5px #0000ff solid;">
<br>
<input type="button" value="start" onclick="mode(1)">&nbsp;&nbsp;<input type="button" value="stop" onclick="mode(2)">
</center>
</body>
</html>

@QweЯty · 26.07.2012, 00:23

а как сделать чтобы парсило папку img на наличие img/png картинок?
а то допустим их сотня...
запаришся все прописывать в скрипт...

@kalabuni · 26.07.2012, 07:49

QweЯty, никак это не сделать.

JS работает в браузере пользователя, папка с картинками - на сервере.
Разрешить браузеру любого пользователя шариться в любой папке любого сервера - это неправильно с точки зрения безопасности.
Потому и не разрешается.

@QweЯty · 27.07.2012, 20:50

а на php можно приделать скриптик в раздел:

PHP
1
var img = [<?php код составлящий список ?>];

как то так?
чтобы было:

JavaScript
1
var img = ["1.jpg", "2.jpg", "3.jpg", "4.jpg", "5.jpg" ];

@prolina · 27.07.2018, 18:25

Здравствуйте! Подскажите, в чем может быть проблема? Картинки меняются, но потом присвается адрес undefined.

JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
13
var myImage = document.getElementById("main-slider");
myImage.style.backgroundImage = 'url(assets/slide2.jpg)';
var imageArray = ["assets/slide1.jpg", "assets/slide3.jpg"];
var imageIndex = 0;
    function changeImage() {
    if (imageIndex >= imageArray.lenght) {
        imageIndex = 0;
    }
myImage.style.backgroundImage = 'url(' + imageArray[imageIndex] + ')';
 
     imageIndex++;
}
 var intervalHandle = setInterval(changeImage,5000);

@j2FunOnly · 29.07.2018, 11:08

prolina, не lenght, a length

Новые блоги и статьи Все статьи Все блоги /
Автозаполнение реквизита при выборе элемента справочника Maks 27.03.2026 Программный код из решения ниже на примере нетипового документа "ЗаявкаНаРемонтСпецтехники" разработанного в конфигурации КА2. При выборе "Спецтехники" (Тип Справочник. Спецтехника), заполняется. . .	Сумматор с применением элементов трёх состояний. Hrethgir 26.03.2026 Тут. https:/ / fips. ru/ EGD/ ab3c85c8-836d-4866-871b-c2f0c5d77fbc Первый документ красиво выглядит, но без схемы. Это конечно не даёт никаких плюсов автору, но тем не менее. . . всё может быть. . .	Автозаполнение реквизитов при создании документа Maks 26.03.2026 Программный код из решения ниже размещается в модуле объекта документа, в процедуре "ПриСозданииНаСервере". Алгоритм проверки заполнения реализован для исключения перезаписи значения реквизита,. . .	Команды формы и диалоговое окно Maks 26.03.2026 1. Команда формы "ЗаполнитьЗапчасти". Программный код из решения ниже на примере нетипового документа "ЗаявкаНаРемонтСпецтехники" разработанного в конфигурации КА2. В качестве источника данных. . .
Кому нужен AOT? DevAlt 26.03.2026 Решил сделать простой ланчер Написал заготовку: dotnet new console --aot -o UrlHandler var items = args. Split(":"); var tag = items; var id = items; var executable = args;. . .	Отправка уведомления на почту при изменении наименования справочника Maks 24.03.2026 Программная отправка письма электронной почты на примере изменения наименования типового справочника "Склады" в конфигурации БП3. Перед реализацией необходимо выполнить настройку системной учетной. . .	модель ЗдравоСохранения 5. Меньше увольнений- больше дохода! anaschu 24.03.2026 Теперь система здравосохранения уменьшает количество увольнений. 9TO2GP2bpX4 a42b81fb172ffc12ca589c7898261ccb/ https:/ / rutube. ru/ video/ a42b81fb172ffc12ca589c7898261ccb/ Слева синяя линия -. . .	Midnight Chicago Blues kumehtar 24.03.2026 Такой Midnight Chicago Blues, знаешь?. . Когда вечерние улицы становятся ночными, а ты не можешь уснуть. Ты идёшь в любимый старый бар, и бармен наливает тебе виски. Ты смотришь на пролетающие. . .

@Дост 1 / 1 / 0 Регистрация: 05.02.2010 Сообщений: 31

	Смена изображений по таймеру 26.06.2011, 21:51. Показов 16439. Ответов 7 Метки нет (Все метки) создать веб-страницу,на которой происходит смена изображений по таймеру и при наведении на них мыши. 0

@QweЯty 2 / 2 / 2 Регистрация: 11.10.2010 Сообщений: 186
	26.07.2012, 00:23
	а как сделать чтобы парсило папку img на наличие img/png картинок? а то допустим их сотня... запаришся все прописывать в скрипт... 0

@kalabuni супермизантроп 3941 / 2979 / 692 Регистрация: 18.04.2012 Сообщений: 8,629
	26.07.2012, 07:49
	QweЯty, никак это не сделать. JS работает в браузере пользователя, папка с картинками - на сервере. Разрешить браузеру любого пользователя шариться в любой папке любого сервера - это неправильно с точки зрения безопасности. Потому и не разрешается. 0

@j2FunOnly the hardway first 2475 / 1847 / 910 Регистрация: 05.06.2015 Сообщений: 3,610
	29.07.2018, 11:08
	prolina, не lenght, a length 0

Смена изображений по таймеру

Решение