For some reason my images aren’t showing and I can’t seem to figure it out. I’m also getting this error when I inspect the page, $(…).onload is not a function.
Heres all the code to do with the slider maybe you can notice something wrong. Thanks

<head>
  <link rel="stylesheet" type="text/css" href="<?php bloginfo('template_directory'); ?>/css/flexslider.css">
  <script src="https://code.jquery.com/jquery-3.2.1.min.js" integrity="sha256-hwg4gsxgFZhOsEEamdOYGBf13FyQuiTwlAQgxVSNgt4=" crossorigin="anonymous"></script>
  <script type="text/javascript" src="<?php bloginfo('template_directory'); ?>/js/jquery.flexslider-min.js"></script>
  <script type="text/javascript" charset="utf-8">
    $(window).onload(function() {
      $('.flexslider').flexslider({
        animation: "slide"
      });
    });

  </script>
</head>

<div class="conatainer-fluid">
  <div class="row">
    <div class="col-md-12">
      <?php if(get_field('slider')): ?>
        <div class="flexslider">
          <ul class="slides">
            <?php while(has_sub_field('slider')): ?>
              <li><img class="img-responsive" src="<?php the_sub_field('image'); ?>" alt="Welcome to StairWorld" /></li>
              <?php endwhile; ?>
          </ul>
        </div>
        <?php endif; ?>
    </div>
  </div>
</div>

Read more here: ACF Repeater and Flexslider not working


Solution:

If you know the solution of this issue, please leave us a reply in Comment section, to update the question.


Wordpress related questions and answers: