Paraxify.js icon indicating copy to clipboard operation
Paraxify.js copied to clipboard

Glitch on paraxified header image

Open TeChn4K opened this issue 11 years ago • 3 comments

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 avatar Oct 04 '14 16:10 TeChn4K

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.

TeChn4K avatar Oct 04 '14 16:10 TeChn4K

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.

willtate avatar Feb 19 '15 19:02 willtate

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');
});

pitangaweb avatar Jun 07 '16 14:06 pitangaweb