0

私はこのチュートリアルでカルーサルのあるサイトを作っています:

www.tutorialzine.com/2010/09/html5-canvas-slideshow-jquery/

コードをコピーして貼り付け、JavaScript ファイルとして保存し、スクリプト ソース行をチュートリアルから HTML ファイルにコピーしました。これです：

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script src="script.js"></script>

ただし、カルーサルは機能しません (1 つの画像を使用してサイトをテストしようとしました)。Dreamweaver は、「script.js がローカル ディスク上で定義されていません」と言っています。それはどういう意味ですか、どうすれば修正できますか? Google で検索しましたが、答えが見つかりません。

ここに私のhtml5コードがあります:

<html lang="en-us">
<head>

    <meta charset="UTF-8" />
    <meta name="keyword" content=""/>
    <meta name="description" content=""/>
    <meta name="author" content"" />
    <meta name="copyright" content="2013" /> 
    <title></title>

    <link rel="stylesheet" type="text/css" href="css/styles.css">

</head>

<body>
<header>
    <h1><img src="img\logo.gif" alt="print-and-copy-logo"></h1>
</header>

<nav>
    <ul>
        <li class="header-about"><a href="about.html" alt="print-and-copy-about-page">about</a></li>
        <li class="header-prints"><a href="prints.html" alt="print-and-copy-the-prints-page">the prints</a></li>
    </ul>
</nav>

<div id="slideshow">

    <ul class="slides">
        <li><img src="img\photos\wedding-invitation.jpg" alt="wedding-invitation"></li>
        <li><img src="" alt=""></li>
        <li><img src="" alt=""></li>
        <li><img src="" alt=""></li>
    </ul>

    <span class="arrow previous"></span>
    <span class="arrow next"></span>

</div>

<footer>
    <ul id="footer-text">
        <li class="footer-president"> <a href="#" alt="">THE PRES</a></li>
        <li class="footer-about"> <a href="#" alt="">ABOUT</a></li>
        <li class="footer-press"> <a href="#" alt="">PRESS</a></li>
    </ul>

    <ul id="footer-social">
        <li id="footer-twitter"><a href="#"><img src="img\icons\twitter-icon.png" alt=""></a></li>
        <li id="footer-facebook"><a href="#"><img src="img\icons\facebook-icon.png" alt=""></a></li>
        <li id="footer-tumblr"><a href="#"><img src="img\icons\tumblr-icon.png" alt=""></a></li>
    </ul>

    <ul id="footer-contact">
        <li class="footer-phone">ph: 773.488.2626</li>
        <br>
        <li class="footer-hours">hrs: mon-fri 11am-5pm</li>
    </ul>

</footer>

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script src="script.js"></script>
</body>
</html>

ありがとうございました！

4

1 に答える 1