Flexslider thumbnails

Hello,

I'm using the basic Flexslider thumbnail code as follows

<div class="flexslider">
  <ul class="slides">
    <li data-thumb="slide1-thumb.jpg">
      <img src="slide1.jpg" />
    </li>
    <li data-thumb="slide2-thumb.jpg">
      <img src="slide2.jpg" />
    </li>
    <li data-thumb="slide3-thumb.jpg">
      <img src="slide3.jpg" />
    </li>
    <li data-thumb="slide4-thumb.jpg">
      <img src="slide4.jpg" />
    </li>
  </ul>
</div>

But i noticed that the thumbnails do not have a carousel and found out that it can be done by separating the main image and defining a separate thumbnail carousel and sync them together.

However, is there a way for me to use the first basic Flexslider code without separating it into two Flexslider carousels and still have the carousel function on the thumbnails?

Thank you