Стоит задача в модальное окно вывести картинку и далее что бы эту картинку можно было листать на другую кнопками вправо и влево.
Проблема первичного характера (после того как я добился нужного результата, при закрытии модального окна и последующим открытии того же окна или другого окна в модальном окне появляется картинка которая была последней в модальном окне.)
Проблема вторичного характера (не корректно работают кнопки вправо и влево каждый раз при нажатии кнопки назад появляется первое фото и при нажатии кнопки вперед появляется второе фото, и нет закаленности т.е. когда доходишь до последней фото, не можешь кнопкой вперед перейти снова к первой так же с кнопкой и назад ).
<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/
