Слайдер Jssor - ошибка с дрожанием изображения

Я использую слайдер jssor, очень красивую библиотеку, но у меня иногда возникают проблемы с небольшим дрожанием изображения, после того, как эффект закончен или когда наведен курсор мыши.

Этот тряска (или движение) показывает только иногда - не для всех изображений.

Я вижу это также на демонстрационных страницах, когда слайд-шоу меньше, чем изображения. Проверьте эту демонстрацию в Firefox и размере окна 333x600 (ширина важна, вы можете установить размер окна с помощью CTRL + SHIFT + M) http://www.jssor.com/demos/image-slider.html

Не все значения ширины могут воспроизвести эту ошибку, но важно то, что ширина слайд-шоу меньше, чем у файлов изображений.

Источник

2 ответа

Определите все ваши изображения как ленивую загрузку изображения (например). Откройте файл jssor.slider.js, найдите следующий код в строке 1515 и переместите его в строку 1377.

                    $JssorUtils$.$Each(_ImageElmts, function (imageElmt) {

                        if (!imageElmt.src) {
                            imageElmt.src = $JssorUtils$.$GetAttributeEx(imageElmt, "src2");
                            $JssorUtils$.$SetStyleDisplay(imageElmt, imageElmt["display-origin"]);
                        }
                    });

Я получил ваше беспокойство именно сейчас.

Лучший способ заставить работать так, как вы хотите, - вручную установить размер изображения. например

<img src="url" style="position: absolute; top: ...px; left: ...px; width: ...px; height: ...px" />
Источник

Не используйте те же файлы изображений для своих эскизов, что и основные изображения. Используйте отдельную уменьшенную версию. У меня была та же проблема, и это решило ее.

Источник
Другие вопросы по тегам