Having an issue with revolving images on banner

[laura3]

My banner contains multiple revolving images and they never used to, but for some reason they now have a white flash in-between instead of the clean fade transition. any ideas?

www.growthwise.us

[ruenel]

Hey Laura,

Thanks for writing in!

I can see that you are using a custom javascript to make your rotating hero image.

//
// No need to add script tags
// here; simply get started
// by writing JavaScript
// Remember to save your
// changes to see them :)
//

var images = [
	'/wp-content/uploads/2018/09/[email protected]',
  '/wp-content/uploads/2018/09/[email protected]',
  '/wp-content/uploads/2018/09/[email protected]',
	'/wp-content/uploads/2018/09/[email protected]',
	'/wp-content/uploads/2018/09/[email protected]'
];

// var quotes = [
//  "Parent re: Growth Wise' impact on his daughter: \"Over the past year she has transformed into an enthusiastic, high-achieving student whose grades have improved from a B to an A- at an extraordinarily competitive school.\"",
//  "Growth Wise students have had 340-point score-raises on the SAT and 13-point score-raises on the ACT.",
//  "Parent re: their Growth Wise tutors: \"He is truly a wonder\" and \"I wouldn't say she is a 10 out of 10, I would say she is a 12 out of 10!\"",
//  "Growth Wise students have been accepted into every Ivy League school and top-25 university in the U.S.",
//  "Parent re: their Growth Wise tutor: \"By far the best of all the tutors we have used.\"",
//  "Parent re: results with Growth Wise: \"Our daughters' results have been nothing less than phenomenal.\"",
//  "Parent: \"Every session is followed up with unique text messages quoting philosophers and educators on the necessary steps to focus and think in a positive way.\"",
//  "Parent re: their Growth Wise tutor: \"She was a perfect 10... no mere tutor but a role model for young kids.\"",
//  "Parent re: their Growth Wise tutor: \"He inspires and motivates and asks kids to dig deeper and find their best selves.\"",
//  "Parent re: their Growth Wise tutor: \"The difference between you and all the other tutors we used is that you really cared about how well the girls did on the test. It made a big impact with the girls knowing that it mattered to you. You are the best at this and we feel so grateful.\"",
//  "Parent re: their Growth Wise tutor: \"Sean came into my room beaming and read me what you wrote him. I showed my Dad. He said, \"This is beautiful. This is the way to motivate a person - with encouragement and love. He really gets how to tutor this kid.\"",
//  "Parent re: their Growth Wise tutor: \"Thought you'd like this text from my daughter: 'My ACT tutor is the best!! Thank you so much!! He is super supportive and makes me believe that I can actually do well!!! He also makes me stress way less about college.' Thank you!!!!!\""
// ];

  var imgCount = 1;
	var quoteCount = 1;

  setInterval(function(){ 
    changeSlider();
    changeQuote();
  }, 6000);

  function changeSlider() {
    if (imgCount === (images.length - 1)){
      imgCount = 0;
    } else {
      imgCount++;
    }
    $('#slider').css('background-image','url(' + images[imgCount] + ')');
  }

function changeQuote() {
   if (quoteCount === (quotes.length - 1)){
      quoteCount = 0;
    } else {
      quoteCount++;
    }
  $('#hero-quote').html(quotes[quoteCount]);
}

There is a JS error on the page cause that the script. I would recommend that you contact the creator of this code. They should be able to answer why the fade animation is no longer working for you.

Thanks for your understanding.