Следующий скрипт запускает изменение изображения каждые 5000 мс или по щелчку.
Он использует .next (), чтобы определить следующую миниатюру, которую нужно щелкнуть, когда автоматически истечет время ожидания.Проблема в том, что когда пользователь нажимает на миниатюру, автоматическая функция корректно срабатывает через 5000 мс, но next () не обновляется в зависимости от щелчка пользователя, и отображаемое изображение - это не следующее изображение, а то, что было бы следующимесли пользователь не нажал.
var slideShowTO;
$('#coursepanel .thumbstrip img').click(function(){
$('#coursepanel .thumbstrip img').removeClass('active')
$(this).addClass('active');
var img = '#P' + $(this).attr('id');
$('#coursepanel .gallery .feature img').removeClass('focus');
$(img).addClass('focus');
window.clearInterval(slideShowTO);
slideShowTO = window.setInterval(function(){
if($(this).attr('id') == $('#coursepanel .thumbstrip img:last').attr('id'))
{
$('#coursepanel .thumbstrip img:first').click();
}
else {
$(this).next().click();
}
},5000);
Есть идеи?
Чудесный
NB # Я уже задавал этот вопрос раньше, но по какой-то причине ответ до этого неработая с очень похожим скриптом у нас сейчас.