Slick slider with vertical thumnails

not working :-(

by jmeile

HTML

<script src="//code.jquery.com/jquery-1.11.0.min.js"></script>
<script src="//code.jquery.com/jquery-migrate-1.2.1.min.js"></script>
<link rel="stylesheet" href="//cdn.jsdelivr.net/npm/[email protected]/slick/slick.css">
<script src="//cdn.jsdelivr.net/npm/[email protected]/slick/slick.min.js"></script>
<link rel="stylesheet" href="https://www.iwf.mavt.ethz.ch/js/slick/slick-theme.css">
<div id="slide-container">
  <div id="horizontal-slide">
    <div>
      <img src="https://www.iwf.mavt.ethz.ch/about/specialist_areas/ai_manufacturing.png"/>
    </div>
    <div>
      <img src="https://www.iwf.mavt.ethz.ch/about/specialist_areas/am_dp_welding.png"/>
    </div>
    <div>
      <img src="https://www.iwf.mavt.ethz.ch/about/specialist_areas/am_pol_ceramics.png"/>
    </div>
    <div>
      <img src="https://www.iwf.mavt.ethz.ch/about/specialist_areas/ed_machining.png"/>
    </div>
    <div>
      <img src="https://www.iwf.mavt.ethz.ch/about/specialist_areas/laser_ablation.png"/>
    </div>
    <div>
      <img src="https://www.iwf.mavt.ethz.ch/about/specialist_areas/machine_tool_analysis.png"/>
    </div>
    <div>
      <img src="https://www.iwf.mavt.ethz.ch/about/specialist_areas/meshfree_methods.png"/>
    </div>
    <div>
      <img src="https://www.iwf.mavt.ethz.ch/about/specialist_areas/powerbed_am.png"/>
    </div>
    <div>
      <img src="https://www.iwf.mavt.ethz.ch/about/specialist_areas/sawing_grinding.png"/>
    </div>
    <div>
      <img src="https://www.iwf.mavt.ethz.ch/about/specialist_areas/virtual_reality.png"/>
    </div>    
  </div>
  <div id="vertical-slide">
    test
  </div>
</div>

CSS

#slider-container, #horizontal-slide img {
  width: 100%;
}

#vertical-slide, #horizontal-slide {
  float: left;
}

#horizontal-slide {
  width: 100%;
}

#slide-container {
  background-color: #f00;
}

#horizontal-slide {
  background-color: #0f0;
}

#vertical-slide {
  background-color: #00f;
  width: 100px;
  height: 100%;
}

JavaScript

$('#horizontal-slide').slick({
  infinite: true,
  dots: true,
  autoplay: true,
  speed: 300,
  fade: true,
  cssEase: 'linear',
});