Листание фото смахиванием в мобильной версии сайта

@Люба53 · Регистрация: 26.04.2018

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

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

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
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
  
                     var max_foto = 3; var rez = 3; 
                     var tek_pos = 0; var perv_pos = 0; 
                     var posl_pos; if(max_foto<rez) {posl_pos = max_foto-1; var slid=1;} else posl_pos = rez-1; 
                     
                     var ps = posl_pos;
                
                     var Foto = new Array(); var Fotom = new Array();
                      
                            
     Foto[0] = 'https://test.ru/foto/47/5647b.jpg'; Fotom[0] = 'https://test.ru/foto/47/5647s.jpg';
                            
                            
                    function opti(opt){
                                for (var n=0; n<rez; n++)
                                    {
                                    if(n==opt)
                                    $("#tdq"+n).animate({opacity: 1}, 0 ); 
                                    else
                                    $("#tdq"+n).animate({opacity: 0.4}, 0 ); 
                                    }
                                }
                            
                    function vizi(a, b){
                                for (i=0; i<rez; i++)
                                    {
                                    if(i>=a && i<=b)
                                    document.getElementById('tdq'+i).style.display = '';
                                    else
                                    document.getElementById('tdq'+i).style.display = 'none';
                                    }
                                if(perv_pos==0)
                                    {
                                    document.getElementById('prebl').style.display = 'none';
                                    document.getElementById('prebl_a').style.display = '';
                                    document.getElementById('tobl').style.display = '';
                                    document.getElementById('tobl_a').style.display = 'none';
                                    }
                                if(posl_pos==(rez-1))
                                    {
                                    document.getElementById('prebl').style.display = '';
                                    document.getElementById('prebl_a').style.display = 'none';
                                    document.getElementById('tobl').style.display = 'none';
                                    document.getElementById('tobl_a').style.display = '';
                                    }
                                if(perv_pos !=0 && posl_pos !=(rez-1))
                                    {
                                    document.getElementById('prebl').style.display = '';
                                    document.getElementById('prebl_a').style.display = 'none';
                                    document.getElementById('tobl').style.display = '';
                                    document.getElementById('tobl_a').style.display = 'none';
                                    }
                                }
                            
                     function toTek(j) {
                                eval("imgObj" + j + "= new Image()"); 
                                eval("imgObj" + j + ".src = '" + Foto[j] + "'");
                                eval("document.vvr.src = imgObj"+j+".src");
                                tek_pos=j;
                                opti(tek_pos); 
                                }
                
                     function toTekd() {
                                tek_pos++; if(tek_pos==rez) tek_pos=0; 
                                eval("imgObj" + tek_pos + "= new Image()");
                                eval("imgObj" + tek_pos + ".src = '" + Foto[tek_pos] + "'");
                                eval("document.vvr.src = imgObj"+tek_pos+".src");
                                
                                if(tek_pos > posl_pos) 
                                    {
                                    perv_pos=tek_pos-ps; posl_pos=tek_pos;
                                    }
                                
                                if(tek_pos==0)
                                    {
                                    perv_pos=0; posl_pos=ps;
                                    }
                                
                                if(tek_pos < perv_pos)
                                    {
                                    perv_pos=tek_pos; posl_pos=tek_pos+ps;
                                    }
                                if(slid) vizi(perv_pos, posl_pos);
                                opti(tek_pos);
                                }
                
                     function preBlok() {perv_pos--; posl_pos--; vizi(perv_pos, posl_pos);}
                     function toBlok() {perv_pos++; posl_pos++; vizi(perv_pos, posl_pos);}

@Люба53 · 01.05.2018, 15:32 **[ТС]**

Или тут ни сделаешь этого ?

Новые блоги и статьи Все статьи Все блоги /
Архитектура слоя интернета для сервера-слоя. 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 Дальнейшее ближайшее планирование вывело к размышлениям над дальними перспективами. И вот тут может быть даже будут нужны оценки специалистов, так как в дальних перспективах всё может очень сильно. . .

@Люба53 -7 / 0 / 2 Регистрация: 26.04.2018 Сообщений: 107
	01.05.2018, 15:32 [ТС]
	Или тут ни сделаешь этого ? 0