Доброго всем времени суток!
Работаю над следующим скриптом:
html:
<div id="for_mind">
<div id="mind"><img src="images/slider/001.jpg" /></div>
<div id="mind1"><img src="images/slider/001.jpg" /></div>
<button id="button" class="button">Вперёд</button>
</div>
js:
var mind = ["images/slider/001.jpg","images/slider/002.jpg","images/slider/003.jpg","images/slider/004.jpg","images/slider/005.jpg"];
$('.button').click(function(){
$('#button').removeClass('button');
var countMind = mind.indexOf($('#mind1 img').attr('src'));
var countMind1 = mind.indexOf($('#mind img').attr('src'));
if(mind.indexOf($('#mind img').attr('src')) == mind.length - 1){
$('#mind img').attr('src',(mind[0]));
$('#mind1').fadeOut(1500, function(){
$('#mind1 img').attr('src',(mind[0]));});
$('#mind1').fadeIn();
}else{
$('#mind img').attr('src',(mind[countMind1 + 1]));
$('#mind1').fadeOut(1500, function(){
$('#mind1 img').attr('src',(mind[countMind + 1]));});
$('#mind1').fadeIn();
}
$('#button').addClass('button');
});
Проблема в следующем: надо чтоб пользователь не смог кликнуть кнопке '.button' пока не пройдёт анимация.
Я пробовал на время анимации удалять класс $('#button').removeClass('button'), а потом его добавлять (строка 3 и строка 18);
но это не помогло, кликнуть на кнопку всё равно можно.
Может ещё какие есть варианты?
Всем заранее спасибо!