javascript – Why, when you reload the page, the carousel of pictures is not shown

Question:

Why, when you reload the page, the carousel of pictures is not shown when the modal window is opened, but the emptiness is visible, but if you click on any other button, everything becomes normal and visible. Can you please tell me how you can make a beautiful look immediately after the reboot, and not after pressing the buttons?

 <link type="text/css" href="slick-1.6.0/slick/slick.css">
        <link type="text/css" href="slick-1.6.0/slick/slick-theme.css">
  <script src="https://code.jquery.com/jquery-2.2.0.min.js" type="text/javascript"></script>
  <script src="https://code.jquery.com/jquery-2.2.0.min.js" type="text/javascript"></script>
  <script src="slick-1.6.0/slick/slick.js" type="text/javascript" charset="utf-8"></script>
		<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
        	<script type="text/javascript">
    $(document).ready(function(){
	      $(".thumbs").slick({
        dots: false,
        infinite: false,
        centerMode: false,
		draggable: true, 
        slidesToShow: 5,
        slidesToScroll: 5
      });
	$(".thumbs a").click(function(){
		var largePath = $(this).attr("href");
		$("#largeImg").attr({ src: largePath });; return false;
	});	
});

Answer:

Let's simulate "pressing any other button" during boot:

$(document).ready(function(){
  $(".thumbs").slick({
    dots: false,
    infinite: false,
    centerMode: false,
    draggable: true, 
    slidesToShow: 5,
    slidesToScroll: 5
  });
  $(".thumbs a").click(function(){
    var largePath = $(this).attr("href");
    $("#largeImg").attr({ src: largePath });
    return false;
  });

  $(".thumbs a").eq(0).click(); // !!!
});
Scroll to Top
AllEscort