Bxslider последний кадр напрыгивает на первый при загрузке страницы

@Mailo · Регистрация: 18.02.2010

Author24 — интернет-сервис помощи студентам

Подскажите как поправить, при загрузке страницы котейка с последнего слайда напрыгивает на первый слайд и всё портит, ну а потом всё ок. Проблема возникает только при загрузке страницы в первые секунды/милисекунды.

сайт

@gogolik · 08.08.2018, 14:07

Mailo, (document).ready замените на (window).load у настроек слайдера.

@Mailo · 08.08.2018, 14:57 **[ТС]**

заменил ииииии.... ничего не поменялось.

@gogolik · 08.08.2018, 16:17

Странно.
Есть ещё 2 варианта. Добавить в CSS:

CSS
1
.bx-clone { display: none }

или в опции:

JavaScript
1
onSliderLoad: function(){ $(".bxslider").css("transform", "translate3d("+($(".bxslider li:eq(0)").width()*-1)+"px, 0px, 0px)"); }

@Mailo · 08.08.2018, 16:38 **[ТС]**

gogolik, получилась каша, посмотрите на площадку.

Хотя может я js не в то место добавил:

JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
$(window).load(function() { 
 
 
//Слайдер
$('.slider').bxSlider({
    controls : false
});
 
//Якоря
$('a[href*=#]').bind("click", function(e) {
    var anchor = $(this);
    $('html, body').stop().animate({
        scrollTop: $(anchor.attr('href')).offset().top-220
    }, 700);
    e.preventDefault();
});
 
 
onSliderLoad: function(){ $(".bxslider").css("transform", "translate3d("+($(".bxslider li:eq(0)").width()*-1)+"px, 0px, 0px)"); }
 
 
 
 
 
 
});

@gogolik · 08.08.2018, 18:11

Mailo,

JavaScript
1
2
3
4
$('.slider').bxSlider({
    controls : false,
    onSliderLoad: function(){ $(".bxslider").css("transform", "translate3d("+($(".bxslider li:eq(0)").width()*-1)+"px, 0px, 0px)"); }
});

@Mailo · 08.08.2018, 20:41 **[ТС]**

Получше стало, кот пропал, а вот белые буковки остались, от них как то можно тоже избавиться?

@gogolik · 08.08.2018, 21:27

Mailo, тут уже не знаю. Если честно, у меня вообще нет ни на одном браузере такого глюка.

Новые блоги и статьи Все статьи Все блоги /
Вопросы на собеседованиях по микросервисам ArchitectMsa 27.03.2025 Работодатели ищут не просто разработчиков, знающих базовые концепции, а специалистов, разбирающихся в тонкостях масштабирования, отказоустойчивости и производительности. Сейчас на первый план выходят. . .	Взаимодействие Python с REST API py-thonny 27.03.2025 REST API - это архитектурный стиль взаимодействия компонентов распределённого приложения в сети. Python располагает функциональным набором инструментов для работы с REST API и основная библиотека для. . .	sshd restrictions, ssh access limitations jigi33 26.03.2025 sshd restrictions \| ssh access limitations рестрикции доступа на сервер sshd статья: https:/ / www. golinuxcloud. com/ restrict-allow-ssh-certain-users-groups-rhel	Компиляция C++ с Clang API NullReferenced 24.03.2025 Компиляторы обычно воспринимаются как черные ящики, которые превращают исходный код в исполняемые файлы. Мы запускаем компилятор командой в терминале, и вуаля — получаем бинарник. Но что если нужно. . .	Многопоточное программирование в C#: Класс Thread UnmanagedCoder 24.03.2025 Когда запускается приложение на компьютере, операционная система создаёт для него процесс - виртуальное адресное пространство. В C# этот процесс изначально получает один поток выполнения — главный. . .
SwiftUI Data Flow: Передача данных между представлениями mobDevWorks 23.03.2025 При первом знакомстве со SwiftUI кажется, что фреймворк предлагает избыточное количество механизмов для передачи данных: @State, @Binding, @StateObject, @ObservedObject, @EnvironmentObject и другие. . . .	Моки в Java: Сравниваем Mockito, EasyMock, JMockit Javaican 23.03.2025 Как протестировать класс, который зависит от других сложных компонентов, таких как базы данных, веб-сервисы или другие классы, с которыми и так непросто работать в тестовом окружении? Для этого и. . .	Архитектурные паттерны микросервисов: ТОП-10 шаблонов ArchitectMsa 22.03.2025 Популярность микросервисной архитектуры объясняется множеством важных преимуществ. К примеру, она позволяет командам разработчиков работать независимо друг от друга, используя различные технологии и. . .	Оптимизация рендеринга в Unity: Сортировка миллиона спрайтов GameUnited 22.03.2025 Помните, когда наличие сотни спрайтов в игре приводило к существенному падению производительности? Время таких ограничений уходит в прошлое. Сегодня геймдев сталкивается с задачами совершенно иного. . .	Образование и практика Igor3D 21.03.2025 Добрый день А вот каково качество/ эффективность ВУЗовского образования? Аналитическая геометрия изучается в первом семестре и считается довольно легким курсом, что вполне справедливо. Ну хорошо,. . .

@Mailo 247 / 225 / 31 Регистрация: 18.02.2010 Сообщений: 2,311

	Bxslider последний кадр напрыгивает на первый при загрузке страницы 08.08.2018, 14:01. Показов 1159. Ответов 7 Метки нет (Все метки) Подскажите как поправить, при загрузке страницы котейка с последнего слайда напрыгивает на первый слайд и всё портит, ну а потом всё ок. Проблема возникает только при загрузке страницы в первые секунды/милисекунды. сайт 0

@gogolik Супер-модератор 2876 / 1924 / 815 Регистрация: 13.03.2010 Сообщений: 6,313
	08.08.2018, 14:07
	Mailo, (document).ready замените на (window).load у настроек слайдера. 0

@Mailo 247 / 225 / 31 Регистрация: 18.02.2010 Сообщений: 2,311
	08.08.2018, 14:57 [ТС]
	заменил ииииии.... ничего не поменялось. 0

@Mailo 247 / 225 / 31 Регистрация: 18.02.2010 Сообщений: 2,311
	08.08.2018, 20:41 [ТС]
	Получше стало, кот пропал, а вот белые буковки остались, от них как то можно тоже избавиться? 0

@gogolik Супер-модератор 2876 / 1924 / 815 Регистрация: 13.03.2010 Сообщений: 6,313
	08.08.2018, 21:27
	Mailo, тут уже не знаю. Если честно, у меня вообще нет ни на одном браузере такого глюка. 0

Опции темы