jQuery cyclyプラグインがオンラインで動作していません

私がこのコードを試しているとき、完全に動作しています。
しかし私はgithubのページにそれをアップロードした後、ひどくです。jQuery cyclyプラグインがオンラインで動作していません

これはコードです：

<!DOCTYPE html> 
<html> 
<head> 
    <title>CoffeeTech Slider</title> 
    <link href="https://fonts.googleapis.com/css?family=Dancing+Script" rel="stylesheet"> 
    <link rel="stylesheet" href="css/style.css"> 
    <script 
    src="https://code.jquery.com/jquery-3.1.1.js" 
    integrity="sha256-16cdPddA6VdVInumRGo6IbivbERE8p7CQR3HzTBuELA=" 
    crossorigin="anonymous"></script> 
    <script src="http://malsup.github.io/jquery.cycle.all.js"></script> 
</head> 
<body> 
    <div id="container"> 
    <h1>CoffeeTech</h1> 
     <div class="slider"> 
      <img src="img/slide1.jpg" width="640" height="426"> 
      <img src="img/slide2.jpg" width="640" height="426"> 
      <img src="img/slide3.jpg" width="640" height="426"> 
      <img src="img/slide4.jpg" width="640" height="426"> 
      <img src="img/slide5.jpg" width="640" height="426"> 
     </div> 

     <ul id="nav"> 
      <li id="prev"><a href="#">Previous</a></li> 
      <li id="next"><a href="#">Next</a></li> 
     </ul> 
    </div> 

    <script> 
    $(document).ready(function(){ 
     $('.slider').cycle({ 
      fx: 'turnDown', 
      pause: 1, 
      prev: '#prev', 
      next: '#next' 
     }); 
    }); 
    </script> 
</body> 
</html>

Github link
The page it's displaying horribly

出典

2017-09-18 kingston951

[ブラウザコンソール（dev tools）]（https://webmasters.stackexchange.com/q/8525）（「F12」を押す）を使用してエラーを読み取ります。 'http'の代わりに' https'を試してください。 – Xufox

ありがとう、私は 's'を追加し、すべてを修正しました！ – kingston951