search

pixelcog / parallax.js

Simple parallax scrolling effect inspired by Spotify.com implemented as a jQuery plugin
MIT License
3.53k stars 840 forks source link

Image zoom is too much #278

Closed f1ss1on closed 5 years ago

f1ss1on commented 5 years ago

I understand that parallax needs to zoom in order to work but the zoom is too much causing my images to distort and not be able to see the whole image.

Natural image size is 800x450. I have tried setting the data-natural-width='1600' data-natural-height='900' but it is still too much. Any ideas on how I can adjust this?

Zoomed Image zoomed

Expected expected

https://modcrash.com/zoomed.PNG https://modcrash.com/expected.PNG

wstoettinger commented 5 years ago

Hey @f1ss1on!

best way to do this, is to reduce the scroll speed, or increase the image height (expand the background vertically but keep the product the same).

hope this helps!

f1ss1on commented 5 years ago

@wstoettinger Thanks! Reducing the speed helped! I will play around more with adjusting the image height but for now, thanks!