Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Glitch on paraxified header image #1

Open
TeChn4K opened this issue Oct 4, 2014 · 3 comments
Open

Glitch on paraxified header image #1

TeChn4K opened this issue Oct 4, 2014 · 3 comments

Comments

@TeChn4K
Copy link

TeChn4K commented Oct 4, 2014

Hi,
Great plugin, tiny and easy !

So, I have some glitch at first scroll when I set paraxify on a header image.
This is like the plugin didn't position paraxified image at page init.

Does someone have ever seen this issue ?

@TeChn4K
Copy link
Author

TeChn4K commented Oct 4, 2014

Another way to reproduce :

  • Apply paraxify on some image
  • Scroll to see the image
  • Refresh/F5 tab

If your browser don't replace you at top of page, scroll and you will see the glitch.

@willtate
Copy link

I'm also seeing this when applying paraxify to an image at the top of a page.

edit: I tried to fix this in my fork of Paraxify here: https://github.com/willtate/Paraxify.js

It seems to be working...at least in my implementation.

@pitangaweb
Copy link

I think it's because Paraxify launches before the image is loaded. I was able to fix it by using imagesLoaded

Then I added this to my code in order to re-trigger Paraxify once the image is loaded:

$('.myImageContainer').imagesLoaded( function() {
    myParaxify = paraxify('.paraxify');
});

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

3 participants