parallax.js Адаптивные изображения расположены и имеют неправильный размер - PullRequest
Новая
       9

parallax.js Адаптивные изображения расположены и имеют неправильный размер

0 голосов
/ 19 сентября 2019

Я использую parallax.js для реализации изображений параллакса.Все работает нормально, если использовать атрибуты данных для инициации.Однако я хочу использовать адаптивные размеры изображений, поэтому я звоню через javascript согласно инструкциям .Функция параллакса работает, но изображения располагаются слева от окна с некоторыми соотношениями сторон (например, портрет), и я не могу заставить их заполнить окно параллакса.

Мой HTML: 

<section class="parallax-window">
  <div class="parallax-slider">
    <img src="glasses.jpg" srcset="glasses.jpg 1920w, glasses-300x88.jpg 300w, glasses-768x226.jpg 768w, glasses-1024x301.jpg 1024w" sizes="100vw" />
  </div>
</section>

Мой JS: 

$('.parallax-window').parallax({
naturalWidth: 1920,
naturalHeight: 1080
});

Я также пытался Parallax V2 , который заменяет naturalWidth и naturalHeight на aspectRatio, но в моем случае это происходит так же.

Возможно ли, чтобы это работало надежно?Или есть лучшее решение для получения адаптивного параллакса?

...