Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 26.02.2016, 16:40
Новичок на форуме
Отправить личное сообщение для aleksand- Посмотреть профиль Найти все сообщения от aleksand-
 
Регистрация: 26.02.2016
Сообщений: 2

JQ тупик (галерея фото в модальном окне REMODAL)
Стоит задача в модальное окно вывести картинку и далее что бы эту картинку можно было листать на другую кнопками вправо и влево.

Проблема первичного характера (после того как я добился нужного результата, при закрытии модального окна и последующим открытии того же окна или другого окна в модальном окне появляется картинка которая была последней в модальном окне.)


Проблема вторичного характера (не корректно работают кнопки вправо и влево каждый раз при нажатии кнопки назад появляется первое фото и при нажатии кнопки вперед появляется второе фото, и нет закаленности т.е. когда доходишь до последней фото, не можешь кнопкой вперед перейти снова к первой так же с кнопкой и назад ).

<script language="JavaScript" type="text/javascript">

var current=1;
var kolvo=50; //количество картинок
         
// массив картинок
tumb= new Array();
tumb[0]=new Image();   // картинка 1
tumb[1]=new Image();   // картинка 2


    
 
//сами картинки, не ошибитесь с путем...
tumb[0].src="img/cat/001.jpg"
tumb[1].src="img/cat/002.jpg"



 
function frw(){
if (current < kolvo) {
current++;
document.images['a'].src=tumb[current-1].src;
document.images['b'].src=tumb[current-1].src;

    
}
}
function bck(){
if (current > 1) {
current--;
document.images['a'].src=tumb[current-1].src;
document.images['b'].src=tumb[current-1].src;

    
   
}
}
       
</script>


<div class="big_slide">
                         <div id="wrap">
                 
						<div class="big_slide_in ">
					 <a class="gallery" href="#modal">		
                <img  src="img/cat/001.jpg" alt="photo"  /></a>
							<div class="but_2">
								<button title="Узнать стоимость. Верхний слайдер. Картинка 1">ХОЧУ ТАКОЙ</button>
							</div>	
						</div>
                        
                <div class="remodal-bg"> 
                    <div class="remodal" data-remodal-id="modal">
                      <div class="but_m">
								<button title="Узнать стоимость. Верхний слайдер. Картинка 1">ХОЧУ ТАКОЙ</button>
							</div>
                        <img src="img/cat/001.jpg" name="a">
  
   <input type="button" class="bck_left" value="" onClick="bck()">  
   <input type="button" class="frw_right" value="" onClick="frw()">
                      
                    </div>     
                    
                 </div>
                        
                        
                        <div class="big_slide_in ">
					 <a class="gallery" href="#modal1">		
                    <img src="img/cat/002.jpg" alt="photo"/></a>
							<div class="but_2">
								<button title="Узнать стоимость. Верхний слайдер. Картинка 1">ХОЧУ ТАКОЙ</button>
							</div>	
						</div>
                        
                <div class="remodal-bg">
                    <div class="remodal" data-remodal-id="modal1">
                      <div class="but_m">
								<button title="Узнать стоимость. Верхний слайдер. Картинка 1">ХОЧУ ТАКОЙ</button>
							</div>
                        <img src="img/cat/002.jpg" name="b">
  
   <input type="button" class="bck_left" value="" onClick="bck()">  
   <input type="button" class="frw_right" value="" onClick="frw()">
                      
                    </div>       
                    
                 </div>
         
                    </div>
					
					</div>



в качестве модального окна использовал http://vodkabears.github.io/remodal/
Ответить с цитированием
  #2 (permalink)  
Старый 27.02.2016, 00:43
Аспирант
Отправить личное сообщение для olmensk Посмотреть профиль Найти все сообщения от olmensk
 
Регистрация: 24.02.2016
Сообщений: 33

Я б просто взял бы элементарный слайдер и вставил бы его в модольное окно и не парился б...
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

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


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
JQ тупик (галерея фото в модальном окне REMODAL) aleksand- jQuery 0 26.02.2016 16:39
Галерея в модальном окне booch jQuery 2 20.11.2015 00:30
Не работает скрипты в модальном окне igorfelix Общие вопросы Javascript 13 22.03.2015 13:41
Получение элемента в модальном окне any.zicky Библиотеки/Тулкиты/Фреймворки 1 31.08.2012 16:36
Редактируем контент в модальном окне KonstRuctor Ваши сайты и скрипты 4 01.08.2011 13:42