滑らかなカルーセルが出現しない

私は自分のコードにライブラリを実装するのは初めてですが、今のところうまくいきません。私はすべてを試しましたが、滑らかなカルーセルは現れないようですが、私は何かが紛失していることを知っていますが、これは初めてのことですから、何が間違っているのか分かりません。これは私のコードです：滑らかなカルーセルが出現しない

<!DOCTYPE html> 
<html> 
    <head> 
    <title>My Now Amazing Webpage</title> 
    <link rel="stylesheet" type="text/css" href="slick/style.css"/> 
    <link rel="stylesheet" type="text/css" href="slick/slick.css"/> 
    <link rel="stylesheet" type="text/css" href="slick/slick-theme.css"/> 
    </head> 
    <body> 

    <div class="autoplay"> 
    <div><img src="http://placehold.it/350x300?text=1"></div> 
    <div><img src="http://placehold.it/350x300?text=2"></div> 
    <div><img src="http://placehold.it/350x300?text=3"></div> 
    </div> 

    <script type="text/javascript" src="//code.jquery.com/jquery-1.11.0.min.js"></script> 
    <script type="text/javascript" src="//code.jquery.com/jquery-migrate-1.2.1.min.js"></script> 
    <script type="text/javascript" src="slick/slick.min.js"></script> 

    <script type="text/javascript"> 
    $(document).ready(function(){ 
     $('.autoplay').slick({ 
    slidesToShow: 3, 
    slidesToScroll: 1, 
    autoplay: true, 
    autoplaySpeed: 2000, 
    }); 
    }); 
    </script> 

    </body> 
</html>

これは私のフォルダ構造です：http://prntscr.com/ccgney

、これが結果です：http://prntscr.com/ccgm9e

出典

2016-08-31 rBai

私のブラウザがjqueryへのアクセスに成功しなかったので、私はスクリプトタグのsrcの "http：// code"で "// code"を変更しなければなりませんでした – Off

@Off Yess私問題はありますが、あなたが私に何を変えようとしているのか分かりません。更新された行を直接入力できますか？ありがとうございました！ – rBai

ブラウザはjQueryのソースにアクセスすることはできないが、次のように含まれ、あなたを変更する必要がありますあなたのウェブコンソールを確認してください

出典

2016-08-31 16:19:57 Off

はい、それは今うまくいきました、ありがとう！ – rBai

私の喜び✌️️ – Off

は、よりその作業

<div class="autoplay"> 
    <div><img src="http://placehold.it/350x300?text=1"></div> 
    <div><img src="http://placehold.it/350x300?text=2"></div> 
    <div><img src="http://placehold.it/350x300?text=3"></div> 
    <div><img src="http://placehold.it/350x300?text=1"></div> 
    <div><img src="http://placehold.it/350x300?text=2"></div> 
    <div><img src="http://placehold.it/350x300?text=3"></div> 
    </div>

は、いくつかのカスタムCSSを追加スライドさせます

.slick-next{right:15px} 
.slick-prev{left:5px; z-index:9;}

いつもに心に留めておくものの、この種のために

<script type="text/javascript" src="http://code.jquery.com/jquery-1.11.0.min.js"></script>

：

https://jsfiddle.net/6nb29zym/

出典

2016-08-31 11:28:18

問題はまだ私のためにあります..私はそれが私のリンクに頼っていると思っていますが、私は何を修正するか分からないでしょう。 – rBai

滑らかなカルーセルが出現しない

答えて

関連する問題