JS, слайд шоу со ссылками

15.05.2009, 23:31. **Показов** 4980. **Ответов** 2

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

есть задание - слайд шоу, картинки меняются и каждая картинка это ссылка на другую страницу. само слайд шоу я сделал, просто каждую секунду меняются картинки - нулевая, первая, вторая, и потом заного по кругу

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
<script language="JavaScript"> 
 
i=0; 
img_a=new Array();    
img_a[0]=new Image(); 
img_a[1]=new Image(); 
img_a[2]=new Image(); 
 
 
img_a[0].src="pic_0.jpg"; 
img_a[1].src="pic_1.jpg";  
img_a[2].src="pic_2.jpg"; 
 
 
document.write("<img src='pic0.jpg'>"); 
 
i=0; 
 
function img_b()      
                      
{ 
document.images[0].src=img_a[i].src; 
 
i++; 
if(i==3) i=0; 
setTimeout("img_b()", 1000); 
                            
                              
                              
} 
img_b(); 
</SCRIPT>

а вот сделать чтобы картинка 0 ссылалась на сайт 0, картинка 1 на сайт 1, картинка 2 на сайт 2, я не смог и уже намучился начинается все хорошо: картинка 0 и картинка 1 работают, а вторая уже тупо не появляется цикл тот же самый же.

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
<script language="JavaScript"> 
<!-- 
i=0; 
img_a=new Array();    
img_a[0]=new Image(); 
img_a[1]=new Image(); 
img_a[2]=new Image(); 
 
img_a[0].src="pic_0.jpg"; 
img_a[1].src="pic_1.jpg";  
img_a[2].src="pic_2.jpg"; 
 
function img_b()                  
{ 
 
document.write("<a href='sait_"+i+".html'><img src='pic_"+i+".jpg'></a>"); 
i++; 
if(i>2) i=0; 
setTimeout("img_b()", 1000); 
                              
                              
                              
} 
 
img_b(); 
 
</SCRIPT>

16.05.2009, 00:26

ну во-первых не нужны несколько картинок..достаточно только одной img_a[0]. и затем ее обновлять динамически в цикле...чтобы сделать переход по клику на куждой картинке нужно написать функцию которая будет переходить на определенную страницу в зависимости от текущей картинки.
докустим

JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
var idimg=1;//текущий номер картинки
var maximg=5;
var ref=new Array(maximg);
ref[1]="1.html";
ref[2]="2.html";
ref[3]="3.html"
ref[4]="4.html"
ref[5]="5.html"
function goto(){
window.open(ref[idimg]);//информация открывается в новом окне
//window.location.href=ref[idimg];//в этом случае страница открывается в том же окне что и слайд-шоу
}

а затем на страницу добавить тег <a></a> который будет вызывать эту функцию <a href="javascript:goto()">

@Vanstorm · 16.05.2009, 00:30

вот готовое

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
<script language="JavaScript"> 
 
i=0; 
img_a=new Array();
src_a=new Array();    
img_a[0]=new Image(); 
img_a[1]=new Image(); 
img_a[2]=new Image(); 
 
 
img_a[0].src="http://www.kolibrios.org/images/screenshots/0.7.1.0/small/cool_games.gif"; 
img_a[1].src="http://www.kolibrios.org/images/screenshots/0.7.1.0/small/system.gif";  
img_a[2].src="http://www.kolibrios.org/images/screenshots/0.7.1.0/small/file_managers.gif"; 
src_a=["https://www.cyberforum.ru/html/thread34378/post162765.html","http://www.kolibrios.org/?p=Screenshots","https://addons.mozilla.org/ru/firefox/addon/722"] 
i=0;  
document.write("<img  onclick='window.open(src_a[i])' src='http://www.kolibrios.org/images/screenshots/0.7.1.0/small/cool_games.gif'>"); 
 
 
 
function img_b()      
                      
{ 
document.images[0].src=img_a[i].src; 
 
i++; 
if(i==3) i=0; 
setTimeout("img_b()", 5000); 
                            
                              
                              
} 
img_b(); 
</SCRIPT>

Новые блоги и статьи Все статьи Все блоги /
Архитектура слоя интернета для сервера-слоя. Hrethgir 11.04.2026 В продолжение https:/ / www. cyberforum. ru/ blogs/ 223907/ 10860. html Знаешь что я подумал? Раз мы все источники пишем в голове ветки, то ничего не мешает добавить в голову такой источник, который сам. . .	Подстановка значения реквизита справочника в табличную часть документа Maks 10.04.2026 Алгоритм из решения ниже реализован на примере нетипового документа "ПланированиеПерсонала", разработанного в конфигурации КА2. Задача: при выборе сотрудника (справочник Сотрудники) в ТЧ документа. . .	Очистка реквизитов документа при копировании Maks 09.04.2026 Алгоритм из решения ниже применим как для типовых, так и для нетиповых документов на самых различных конфигурациях. Задача: при копировании документа очищать определенные реквизиты и табличную. . .	модель ЗдравоСохранения 8. Подготовка к разному выполнению заданий anaschu 08.04.2026 https:/ / github. com/ shumilovas/ med2. git main ветка * содержимое блока дэлэй из старой модели теперь внутри зайца новой модели 8ATzM_2aurI
Блокировка документа от изменений, если он открыт у другого пользователя Maks 08.04.2026 Алгоритм из решения ниже реализован на примере нетипового документа, разработанного в конфигурации КА2. Задача: запретить редактирование документа, если он открыт у другого пользователя. / / . . .	Система безопасности+живучести для сервера-слоя интернета (сети). Двойная привязка. Hrethgir 08.04.2026 Далее были размышления о системе безопасности. Сообщения с наклонным текстом - мои. А как нам будет можно проверить, что ссылка наша, а не подделана хулиганами, которая выбросит на другую ветку и. . .	Модель ЗдрввоСохранения 7: больше работников, больше ресурсов. anaschu 08.04.2026 работников и заданий может быть сколько угодно, но настроено всё так, что используется пока что только 20% kYBz3eJf3jQ	Дальние перспективы сервера - слоя сети с космологическим дизайном интефейса карты и логики. Hrethgir 07.04.2026 Дальнейшее ближайшее планирование вывело к размышлениям над дальними перспективами. И вот тут может быть даже будут нужны оценки специалистов, так как в дальних перспективах всё может очень сильно. . .

Опции темы