2017-01-05 5 views
0

はこれに対する簡単な答えが存在する必要があります開始しませんが、私は、この滑らかなカルーセルを動作させることはできません。スリックカルーセルが

https://jsfiddle.net/LNMSchneiderman/4vf4hfy2/1/

添付ファイル:

slick-1.6.0/slick/slick.css 
slick-1.6.0/slick/slick-theme.css 
<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-1.6.0/slick/slick.min.js"></script> 

HTML:

<div class="ss_mobile" id="ss_mobile_westend"> 
       <div><img src="img/westend/mobile/20160317dsOhioRiverBrWestEndBrMag08_forweb.jpg" /></div> 
       <div><img src="img/westend/mobile/20160317dsOhioRiverBrWestEndBrMag03_forweb.jpg" /></div> 
       <div><img src="img/westend/mobile/20160317dsOhioRiverBrWestEndBrMag02_forweb.jpg" /></div> 
      </div> 

jqueryの:

$(document).ready(function(){ 
    $('#ss_mobile_westend').slick({ 

    }); 
}); 

私はこれ以上の髪を引っ張っています。誰かが私が間違ったことを教えてもらえますか?

答えて

0

あなたの外部リソースに間違ったパスなどがあると思います。 私はこれを試して、それは働いた。 https://jsfiddle.net/SimplyFox/54fd1m18/

次の順序で外部リソースを追加します。

https://code.jquery.com/jquery-1.7.1.js 
https://cdn.jsdelivr.net/jquery.slick/1.6.0/slick.css 
https://cdn.jsdelivr.net/jquery.slick/1.6.0/slick.min.js 

HTML http://newsinteractive.post-gazette.com/bridges/ohio/img/westend/mobile/20160317dsOhioRiverBrWestEndBrMag08_forweb.jpg http://newsinteractive.post-gazette.com/bridges/ohio/img/westend/mobile/20160317dsOhioRiverBrWestEndBrMag03_forweb.jpg http://newsinteractive.post-gazette.com/bridges/ohio/img/westend/mobile/20160317dsOhioRiverBrWestEndBrMag02_forweb.jpg

jQueryの

$(document).ready(function(){ 
    $('.ss_mobile').slick(); 
}); 
+0

画像は私のために積み重なり、スライドショーには入っていません。あなたは見てみることができますか? http://newsinteractive.post-gazette.com/bridges/ohio/test.html – LauraNMS

+0

私の見たところから、それは機能します。私は $(document).ready(function(){ $( '.ss_mobile')。slick(); })を追加しました。あなたのリンクに とカルーセルが現れました。入力ミスやパスを確認してください。 –

+0

すでに$(document).ready(function(){$( 'ss_mobile')。slick();})があります。頭の中で。なぜそれは働かなかったのですか? – LauraNMS

関連する問題