Why does the responsiveslides slider momentarily fall apart on page load?

Question

PHP

When the page is loaded, slider images are visible for a moment (there are 3 of them in a column, as if I didn’t connect the js slider code) on jQuery, "Responsiveslides" , this does not always appear, everything is fine on the local server, the slider is included in the page using php

<?php
  include_once ("ui/slider.html");
?>

(and so on to every page where it is needed)

Tell me what could be the problem, the original slider code has not changed, only the slide display time settings and their transition have been changed.
HTML

<div id="wrapper">
      <div class="slider span10">
            <div class="text-slider ">###</div>
    <div class="callbacks_container">
      	     <ul class="rslides" id="slider4">
      		    <li><img " src="../images/main/main_all2.jpg" alt="">
      		        <p class="caption">###</p>
      		    </li>
      		    <li><img src="../images/main/main_all3.jpg" alt="">
      		        <p class="caption">###</p>
      		    </li>
      		      <li><img src="../images/main/main_all4.jpg" alt="">
      		        <p class="caption">###</p>
      		    </li>
      		</ul>
    		</div>
  </div>
</div>

Answer 1

helped overflow: hidden; with specific height

Answer 2

The page is already being generated, but the style file does not have time to load