having a white flicker when hovering on text that changes background image [closed]

4 weeks ago 20

I followed a tutorial to alteration a inheritance elementor file representation erstwhile one hover connected definite columns. This is the functional codification one came up with ( "website" would beryllium my website url), but determination is simply a achromatic flicker everytime everything seems to load... Any hole successful mind? Thank you

<script> document.addEventListener('DOMContentLoaded', function() { jQuery(function($){ $('.littletravA').mouseenter(function() { $('#defaultB').css('background-image','url(website/wp-content/uploads/2021/11/0004_MENU_IMG_LTR_001.jpg)'); }); $('.littletravA').mouseleave(function() { $('#defaultB').css('background-image','url(website/wp-content/uploads/2021/11/0006_MENU_IMG_DEFAULT_001.jpg)'); }); $('.bestA').mouseenter(function() { $('#defaultB').css('background-image','url(website/wp-content/uploads/2021/11/0005_MENU_IMG_BB_001.jpg)'); }); $('.bestA').mouseleave(function() { $('#defaultB').css('background-image','url(website/wp-content/uploads/2021/11/0006_MENU_IMG_DEFAULT_001.jpg)'); }); $('.audreyA').mouseenter(function() { $('#defaultB').css('background-image','url(website/wp-content/uploads/2021/11/0000_MENU_IMG_AS_001.jpg)'); }); $('.audreyA').mouseleave(function() { $('#defaultB').css('background-image','url(website/wp-content/uploads/2021/11/0006_MENU_IMG_DEFAULT_001.jpg)'); }); $('.MLA').mouseenter(function() { $('#defaultB').css('background-image','url(website/wp-content/uploads/2021/11/0003_MENU_IMG_ML_001.jpg)'); }); $('.MLA').mouseleave(function() { $('#defaultB').css('background-image','url(website/wp-content/uploads/2021/11/0006_MENU_IMG_DEFAULT_001.jpg)'); }); $('.stribeA').mouseenter(function() { $('#defaultB').css('background-image','url(website/wp-content/uploads/2021/11/0001_MENU_IMG_STRIBE_001.jpg)'); }); $('.stribeA').mouseleave(function() { $('#defaultB').css('background-image','url(website/wp-content/uploads/2021/11/0006_MENU_IMG_DEFAULT_001.jpg)'); }); $('.aztecA').mouseenter(function() { $('#defaultB').css('background-image','url(website/wp-content/uploads/2021/11/0002_MENU_IMG_PYI_001.jpg)'); }); $('.aztecA').mouseleave(function() { $('#defaultB').css('background-image','url(website/wp-content/uploads/2021/11/0006_MENU_IMG_DEFAULT_001.jpg)'); }); }); }); </script> <style> #defaultB{ background:#000000 transition: inheritance 0.2s linear; } </style>
Read Entire Article

Our Ventures