[Nexus]

А разве так не работает?

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/flexslider/2.7.2/flexslider.min.css"/>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.7.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/flexslider/2.7.2/jquery.flexslider-min.js"></script>

<style>img {max-height: 100px}</style>

<script>
$(() => {
  $('.flexslider').flexslider({
    animation: "slide"
  });
});
</script>

<div id="main-slider" class="flexslider">
  <ul class="slides">
    <li>
      <img src="image1.jpg" alt="img-1"/>
    </li>
    <li>
      <img src="image2.jpg" alt="img-2"/>
    </li>
    <li>
      <img src="image3.jpg" alt="img-3"/>
    </li>
    <li>
      <img src="image4.jpg" alt="img-4"/>
    </li>
  </ul>
</div>

<div id="secondary-slider" class="flexslider">
  <ul class="slides">
    <li>
      <p>Text 1</p>
    </li>
    <li>
      <p>Text 2</p>
    </li>
    <li>
      <p>Text 3</p>
    </li>
    <li>
      <p>Text 4</p> 
    </li> 
  </ul>
</div>