Форум программистов
 

Восстановите пароль или Зарегистрируйтесь на форуме, о проблемах и с заказом рекламы пишите сюда - alarforum@yandex.ru, проверяйте папку спам!

Вернуться   Форум программистов > Web программирование > JavaScript, Ajax
Регистрация

Восстановить пароль
Повторная активизация e-mail

Купить рекламу на форуме - 42 тыс руб за месяц

Ответ
 
Опции темы Поиск в этой теме
Старый 26.04.2018, 11:53   #1
Люба53
Новичок
Джуниор
 
Регистрация: 25.04.2018
Сообщений: 8
Стрелка Листание фото смахиванием в мобильной версии сайта

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




Код:
<script>
					 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);}
				
							</script>
_____
Код программы нужно выделять (форматировать) тегами [CODE] (читать FAQ)
Модератор

Последний раз редактировалось Serge_Bliznykov; 26.04.2018 в 12:11.
Люба53 вне форума Ответить с цитированием
Ответ


Купить рекламу на форуме - 42 тыс руб за месяц

Опции темы Поиск в этой теме
Поиск в этой теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Проблема с навигацией в мобильной версии schibeki WordPress и другие CMS 1 27.03.2018 17:29
Как подогнать код яндекс денег под ширину мобильной версии сайта Михаил Иркутск PHP 2 04.12.2017 21:14
Шапка для мобильной версии сайта CherryPashka WordPress и другие CMS 8 28.05.2017 15:45
Не работает меню "гамбургер" в мобильной версии сайта. neo_1987 JavaScript, Ajax 0 21.02.2017 08:19
[РЕШЕНО] Вертикальное меню мобильной версии сайта drzorin HTML и CSS 0 27.08.2015 15:57