Блог

Главная - Вопросы по программированию - В моем слайдере изображений есть пробелы

В моем слайдере изображений есть пробелы

#javascript #css #image #slider

#javascript #css #изображение #слайдер

Вопрос:

Пожалуйста, посмотрите следующую ссылку, http://www.beta.storeji.in / когда изображение скользит, следующее изображение не будет скользить, пока не будет выполнено скольжение и вместо изображения не будет показано пустое пространство. Как это исправить?

это мой код javascript слайдера

 function slide()
{
    if($('.current').is(':last-child')){
        $('.current').removeClass('current');
        $('#imgholder img:first-child').addClass('current');
        $('#imgholder').animate({left: '0px'});
    }
    else{
        $('.current').removeClass(function(){
            $(this).next().addClass('current');
            return 'current';
        });
        $('#imgholder').animate({left: '-=980'},{duration: 'slow', easing: 'easeOutBounce' });
        }
}
var loop_handle= setInterval("slide()",'5000');

Комментарии:

1. попробуйте сделать слева: ‘-= 980″ слева:’=-980″

2. @albert, я не против, чтобы кто-то изучал что-то новое, но, возможно, OP просто не понимает, что это колесо уже изобретено.

3. Мне было проще создать свой собственный, а не использовать библиотеку для моего модуля

Ответ №1:

У вас ошибка на вашем листе picslider.css, ширина и высота заданы неправильно;

 #imgholder{
    position: absolute;
    width: 5880;
    height: 490;
    z-index: 0;
}

Исправьте это, и все должно работать нормально.

Исправлено.

 #imgholder{
    position: absolute;
    width: 5880px;
    height: 490px;
    z-index: 0;
}