Flicker / Flicker & Flashing

  • Resolved TheOnyxGuy

    (@theonyxguy)


    8 years, 8 months ago

    Hi,

    Love the features, even though I’m using it very basic-ly. However, I’m having an issue with flickering and flashing.

    Occasionally, the images will flicker during fade. It happens to the large background images (sometimes one, sometimes more) or the top layers. I read in the forum here to set a background colour to the images and I’ve done that. Still no effect. Images should be just under 300k, I couldn’t get it to go less without noise.

    Flashing also occurs where it looks like a top layer png will shoot in from the left. It’s like the Flash (the super hero).

    These are all sporadic, seems to happen more when your cursor is over the slider and there’s a total of 4 slides.

    I’m prepared to go pro to make them all clickable but I need this resolved.
    The person I’m doing this for is questioning me about it.

    Thanks,

    TOG

    p.s. When you click on a slide in a stop that’s not clickable, is it suppose to stop.

    https://www.ads-software.com/plugins/smart-slider-3/

Viewing 4 replies - 1 through 4 (of 4 total)
  • Plugin Author Nextendweb

    (@nextendweb)

    Hi @theonyxguy,

    I’m not sure what could cause this issue, but as you describe that it happens most of the times when your mouse is over, I would assume instantly to this case: https://www.ads-software.com/support/topic/hover-transition-mess-up-other-plugins-animation?replies=1

    I’m not sure why, but theme developer started to add CSS transition for every :HOVER node on the site and this could cause flickering as JavaScript also do the animations… Bad usage of CSS transitions.

    Maybe it is not related with your case, but it would be great if you could send a link to your site where the slider published to find the cause. If it is not public you can send it in email to: [email protected] – in the email please refer to this topic ??

    Best regards,
    Roland

    Plugin Author Nextendweb

    (@nextendweb)

    It turned out it is the same issue what we had before in other topic. It is a theme from @magictheme and they are using this HOVER transition.

    I hope they will fix their themes ASAP. If you have the same issue as theooyxguy do the following steps:

    Find a way to add CSS to your site, for example this plugin: https://www.ads-software.com/plugins/accesspress-custom-css/

    and place the following CSS code:

    :hover {
	-webkit-transition: none;
	-moz-transition: none;
	-o-transition: none;
	transition: none;
}
    Thread Starter TheOnyxGuy

    (@theonyxguy)

    Thank you very much Roland. I think that fixed it.

    I use a child theme so I’m not concerned with the theme updates. I have to modify the hovers, but it’s how I expect it to be. As you mentioned:

    a:hover {
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
    }

    fixes some of the hovers.

    Thanks again.

    Thread Starter TheOnyxGuy

    (@theonyxguy)

    actually this one is better for ‘me’:

    a:hover, a div:hover {
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
    }

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Flicker / Flicker & Flashing’ is closed to new replies.