-
AuthorPosts
-
March 31, 2016 at 7:24 pm #606138
Hi. I am using the One Page Portfolio demo and have selected the Flexible Masonry gallery option in admin back office, the problem is that my photo do not load, the numbers do not count and the Facebook and LinkedIn social icons have no animation as I scroll the page down. There is no animation for my photo, numbers and social icons on page scroll but when I select a different masonry gallery like Perfect Grid or Perfect Automatic Masonry the animation seems to work.
Please advise on a solution I need to send this url out ASAP.
http://darryloctober.co.za/The animation for the demo version works fine, but then again you are using the Perfect Grid gallery option.
http://kriesi.at/themes/enfold-one-page-portfolio/Thank you,
Darryl OctoberMarch 31, 2016 at 9:23 pm #606242Hello,
Have you tried disabling all third-party plugins to see if it gets fixed?
Regards,
JosueMarch 31, 2016 at 9:38 pm #606253Hi Josue, thank you for coming back to me.
I only have Hello Dolly and Akismet installed but both are deactivated and they would therefore have no conflict effect on the js files that are being loaded into the browser.
I have search through your forums for a possible solution but could not find any, please advise.
Thanks,
DarrylMarch 31, 2016 at 9:42 pm #606259Hey!
Can you post a screenshot of the issue? the masonry gallery seems to be working fine on my end – http://screencast.com/t/atrA4u97
Regards,
JosueMarch 31, 2016 at 10:17 pm #606282Hi Josue
The Flexible Masonry gallery loads fine but causes the animation to break on page scroll as indicated in the screenshot.
http://darryloctober.co.za/screenshot.jpg
Regards,
DarrylMarch 31, 2016 at 10:29 pm #606291Hi,
Try adding this at the very end of your theme / child theme functions.php file:
function add_custom_script(){ ?> <script> (function($){ $(window).load(function() { $(this).trigger('resize'); }); })(jQuery); </script> <?php } add_action('wp_footer', 'add_custom_script');
Regards,
JosueMarch 31, 2016 at 10:37 pm #606299Hi Josue
It does not seem to work. I tried it in the functions.php file with no luck and then I cut and paste the code in the functions-enfold.php file also with no luck.
March 31, 2016 at 10:49 pm #606308Hm, try changing it to:
function add_custom_script(){ ?> <script> (function($){ $(window).load(function() { setTimeout(function(){ $(window).trigger('resize'); }, 100); }); })(jQuery); </script> <?php } add_action('wp_footer', 'add_custom_script');
March 31, 2016 at 10:53 pm #606311nope, still not working
March 31, 2016 at 10:58 pm #606314Ok let’s try one more time:
function add_custom_script(){ ?> <script> (function($){ $(document).ready(function() { $(window).on('scroll', function(){ $(window).trigger('resize'); }); }); })(jQuery); </script> <?php } add_action('wp_footer', 'add_custom_script');
March 31, 2016 at 11:22 pm #606334Hi Josua
Any luck as of yet? Maybe you should do a demo import of the one page portfolio example and choose the Flexible Masonry gallery option and see what it does on your end.
Thank you for helping me to fix this bug.
Regards,
DarrylMarch 31, 2016 at 11:30 pm #606337The bug occurs when you scroll through the site very fast and it occurs because the images from the masonry take some time to load, can you please create me a WordPress administrator account (i’d like to test the codes myself)?
Regards,
JosueMarch 31, 2016 at 11:34 pm #606342Awesome stuff!!…it works now bug is fixed.
Can I donate money towards a cup of coffee just to say thanks, do you have a PayPal account?
Regards,
DarrylMarch 31, 2016 at 11:39 pm #606345You are welcome, glad it worked :)
Cheers!
JosueMarch 31, 2016 at 11:47 pm #606352happy with your service..keep well!
March 31, 2016 at 11:51 pm #606356You are welcome, glad to help :)
Regards,
Josue -
AuthorPosts
- The topic ‘Flexible Masonry gallery bug on animation’ is closed to new replies.