Форум программистов, компьютерный форум, киберфорум
Наши страницы
JavaScript
Войти
Регистрация
Восстановить пароль
 
Рейтинг 4.88/81: Рейтинг темы: голосов - 81, средняя оценка - 4.88
Ivanych
1 / 1 / 0
Регистрация: 22.06.2011
Сообщений: 32
1

Смена картинок на JavaScript

22.06.2011, 17:15. Просмотров 16946. Ответов 5
Метки нет (Все метки)

В общем нужен JavaScript который будет поочерёдно показывать одну из трёх картинок,меняются картинки каждые 5 секунд.
0
QA
Эксперт
41792 / 34177 / 6122
Регистрация: 12.04.2006
Сообщений: 57,940
22.06.2011, 17:15
Ответы с готовыми решениями:

Смена картинок в Javascript
Здравствуйте, при изучении языка Javascript столкнулся с такой проблемой: необходимо, чтобы одна...

Смена картинок
Помогите, пожалуйста, сделать, чтобы одна картинка с середины при нажатии на слайд уплывала влево,...

Смена картинок
У меня на denwer'е есть сайт, на одной страничке есть блок в котором изменяются картинки на...

Смена картинок (setTimeout)
Пытаюсь сделать эффект анимации в JS путем смены картинок (их 12 штук). В принципе все работает за...

Смена картинок некорректно
Доброго времени суток, господа! На криво сайте http://ex-games.net/ на гл.стр. есть криво...

5
NEOSYS
26 / 20 / 5
Регистрация: 28.04.2009
Сообщений: 75
23.06.2011, 12:50 2
Javascript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
var images = new Array();
var i = 0;
 
images[0] = './images/1.gif';
images[1] = './images/2.gif';
images[2] = './images/3.gif';
 
function viewImages() {
    document.write('<img src="'+images[i]+'">');
    i++;
    if (i == images.length) {
        i = 0;
    }
    setTimeout("viewImages()",5000);
}
2
Ivanych
1 / 1 / 0
Регистрация: 22.06.2011
Сообщений: 32
23.06.2011, 15:28  [ТС] 3
Код вроде правильный,его вставляю и всёрно ничего не показывает.
0
NEOSYS
26 / 20 / 5
Регистрация: 28.04.2009
Сообщений: 75
23.06.2011, 15:48 4
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
<html>
    <head>
        <title> Images view </title>
    </head>
<body>
<script type="text/javascript">
    var images = new Array();
    var i = 0;
     
    images[0] = './images/1.jpg';
    images[1] = './images/2.jpg';
    images[2] = './images/3.jpg';
     
    function viewImages() {
        document.getElementById("img_main").src = images[i]; 
        i++;
        if (i == images.length) {
            i = 0;
        }
        setTimeout("viewImages()",5000);
    }   
</script>
 
<img src="" id="img_main">
 
<script> viewImages(); </script>
 
</body>
</html>
Проверил у себя - точно работает все нормально
3
Ivanych
1 / 1 / 0
Регистрация: 22.06.2011
Сообщений: 32
23.06.2011, 18:10  [ТС] 5
Спасибо!!!)))Работает,хоть один понимающий человек нашёлся)
0
NEOSYS
26 / 20 / 5
Регистрация: 28.04.2009
Сообщений: 75
23.06.2011, 19:01 6
Не за что
2
23.06.2011, 19:01
Answers
Эксперт
37091 / 29110 / 5898
Регистрация: 17.06.2006
Сообщений: 43,301
23.06.2011, 19:01

Циклическая смена картинок
Друзья, помогите реализовать JavaScript циклической смены картинок, кучу способов перепробовал, не...

Автоматическая смена картинок
Суть проблемы вот в чем: Написал скрипт(javascript) меняющий одну картинку на странице через...

Смена картинок по таймеру
Доброго времени суток, уважаемые форумчане! Задача поставлена следующим образом: При переходе...


Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:
6
Ответ Создать тему
Опции темы

КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin® Version 3.8.9
Copyright ©2000 - 2019, vBulletin Solutions, Inc.