Viewing 17 posts - 1 through 17 (of 17 total)
  • Author
    Posts
  • February 28, 2020 at 7:31 pm #1188888
    bobfurgo

    Hi guys,

    I’m having this issue where the layer slider blinks white before transitioning to the next slide. is there a way to fix this? THANK YOU!

    March 3, 2020 at 4:33 am #1189565
    Ismael

    Hey bobfurgo,

    Thank you for the inquiry.

    We can’t really reproduce the issue on Firefox Windows 10. Where are you testing it? Are you using the navigation, or is it only happening when the slider auto rotates? Please provide a screenshot.

    Best regards,
    Ismael

    March 3, 2020 at 3:15 pm #1189751
    bobfurgo

    I’m seeing it happen in all browsers. I can’t provide a screenshot because that won’t capture the “blink”, it happens so fast. It happens both when you use the navigation and when it auto rotates.

    March 3, 2020 at 3:23 pm #1189754
    Yigit

    Hi,

    It only happens when I first load the slides. Please consider optimizing images and that should help :)

    Best regards,
    Yigit

    March 3, 2020 at 3:46 pm #1189759
    bobfurgo

    Hi there, I think it’s happening for all slides… and I actually do have the images optimized via a plugin already!

    March 4, 2020 at 12:34 pm #1190022
    Yigit

    Hi,

    It only happens on first rotation, when images are loaded for the first time. After that, there is no flickering. That is why I thought optimizing images would help. Could you please try optimizing using this software – https://imageoptim.com/ and then uploading them?

    Best regards,
    Yigit

    March 4, 2020 at 6:08 pm #1190136
    bobfurgo

    Hi there, just used it to optimize and reuploaded but it’s still blinking unfortunately.

    March 9, 2020 at 9:37 am #1191397
    Ismael

    Hi,

    Did you specify the transition effect for each slides? The blink seems to stop once the browser is resized. Please try this script in the functions.php file.

     function ava_enqueue_custom_script_resize() {
    if ( wp_script_is( 'avia-default', 'registered' ) ) {
        wp_add_inline_script( 'avia-default', "(function($){	
            var int = window.setInterval(function(){
                $(window).trigger('resize');
                $(window).trigger('av-content-el-height-changed');
            }, 2000);

            $(window).on('load', function() {
                setTimeout( function() {
                    clearInterval(int);
                }, 1000 );  
            });
        })(jQuery);" );
    }
 }
 add_action( 'wp_enqueue_scripts', 'ava_enqueue_custom_script_resize', 9999);

    Best regards,
    Ismael

    March 9, 2020 at 2:48 pm #1191541
    bobfurgo

    Hi! I entered the script into the child themes functions.php and this message occured

    “Your PHP code changes were rolled back due to an error on line 12 of file wp-content/themes/Centerstone Executive Search and Consulting/functions.php. Please fix and try saving again.

    syntax error, unexpected ‘&'”

    March 10, 2020 at 3:02 am #1191679
    Ismael

    Hi,

    Did you copy the code from your email? Please make sure that nothing is converted in the code and it stays exactly the same. Try to copy it directly from the forum to prevent conversion of symbols to their html entity code.

    Best regards,
    Ismael

    March 13, 2020 at 2:59 pm #1192893
    bobfurgo

    Hi There! The code is entered correctly now but it is still blinking! :(

    March 17, 2020 at 5:26 pm #1193861
    bobfurgo

    following up on this. thanks!

    March 18, 2020 at 3:44 am #1193973
    Ismael

    Hi,

    What happens when you disable the lazyload option? This config is used by a plugin, but we are not sure which one.

    <script type='text/javascript'>
window.lazySizesConfig = window.lazySizesConfig || {};

window.lazySizesConfig.lazyClass    = 'lazyload';
window.lazySizesConfig.loadingClass = 'lazyloading';
window.lazySizesConfig.loadedClass  = 'lazyloaded';

lazySizesConfig.loadMode = 1;
</script>

    Best regards,
    Ismael

    March 18, 2020 at 2:45 pm #1194123
    bobfurgo

    Hi Ismael! Do i put this in the child theme’s functions.php?

    March 19, 2020 at 4:11 pm #1194444
    Yigit

    Hi,

    No, you do not. You seem to have enabled lazyload option for images, probably in a plugin setting. Could you please try to disable it and check once again?

    Best regards,
    Yigit

    March 19, 2020 at 4:16 pm #1194446
    bobfurgo

    that worked. it was the lazy load on teh SMUSH plugin. Thanks so much yigit

    March 19, 2020 at 4:19 pm #1194447
    Yigit

    Hi,

    You are welcome! Glad Ismael could help :)

    Let us know if you have any other questions or issues!

    Best regards,
    Yigit

  • Author
    Posts
Viewing 17 posts - 1 through 17 (of 17 total)
  • The topic ‘layerslider blinks on slide transition’ is closed to new replies.