Я пытаюсь получить слайдер изображения в JQuery, чтобы перейти к следующему изображению примерно через 2 секунды, ive попытался создать функцию, которая должна делать это при загрузке документа, но я не могу понять это вообще после примерно трех часов исчерпывающего Googling.
Есть класс JQuery, который делает это, потому что я не могу найти...
мой код для этого пока:
$('.slider img:first').addClass('active');
var imagewidth = $('.visible-area').width();
var totalimages = $('.slider img').size();
var sliderwidth = imagewidth * totalimages;
$('.slider').css({'width': sliderwidth});
function autoImage()
{
nextImage();
}
function nextImage()
{
$active = $('.slider img.active').prev();
if ($active.length==0){
$active = $('.slider img:last');
}
$('.slider img').removeClass('active');
$active.addClass('active');
var count = $active.attr('alt') -1;
var sliderposition = count * imagewidth;
$('.slider').hide();
$('.slider').animate({'left': -sliderposition}, 500).fadeIn(1000);
}
благодаря
Я считаю, что у вас проблемы с объявлениями переменных.
Из документации jQuery Api:
Метод.size() устарел из jQuery 1.8. Вместо этого используйте свойство.length.
Так что используйте это вместо var totalimages
Попробуйте выполнить регистрацию нескольких точек останова, чтобы изолировать проблемную область (области)