매끄러운 회전 목마가 나타나지 않습니다.

내 코드에 라이브러리를 구현 한 것은 처음이며 지금까지 잘 진행되지 않았습니다. 나는 모든 것을 시도했지만 매끄러운 회전 목마가 나타나지 않는 것 같아요, 제가 누락 된 것이 있다는 것을 압니다. 그러나 이것이 처음이기 때문에 나는 무엇이 잘못되었을 지 모릅니다. 이 내 폴더 구조매끄러운 회전 목마가 나타나지 않습니다.

<!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

그것의 일부 사용자 지정 CSS를 추가

<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>

작업 슬라이드 더 추가

.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

매끄러운 회전 목마가 나타나지 않습니다.

답변

관련 문제