電子書籍の厳選無料作品が豊富!

jQueryの導入が上手くいかず、全く動かなくて困っております。
サイト(http://labs.opentone.co.jp/?p=4923)から説明があったURLから実装に必要なjQueryをダウンロードしました。
・jquery.flexslider.js
・flexslider.css


そして下記コードを入力しました。
<link rel="stylesheet" href="flexslider.css" type="text/css">
<script src="jquery.min.js" type="text/javascript"></script>
<script type="text/javascript" src="jquery.flexslider.js"></script>
さきほど取得した画像をスライドショーを表示させたい場所に下記の通り指定します。
画像名を「sampleX.png」としています。


<div class="flexslider">
<ul class="slides">
<li><img src="images/sample1.png"></li>
<li><img src="images/sample2.png"></li>
<li><img src="images/sample3.png"></li>
<li><img src="images/sample4.png"></li>
<li><img src="images/sample5.png"></li>
</ul>
</div>
最後にflexfliderの関数を呼び出してスライドショーを実行させます。

$("document").ready(function(){
$('.flexslider').flexslider();
});


以上のことを行ってjQueryらしい動作どころか画像すら表示されませんでした。(画像パスは入力し直しています)
他にダウンロードするものやコードを書かなければならないことなど、動作に必要なものについて教えて頂けませんでしょうか。
※上記以外のことは一切行っておりません

何卒よろしくお願い致します。

A 回答 (1件)

> ※上記以外のことは一切行っておりません


それが本当なら、肝心のjQuery本体(jquery.min.js)がないよ。
ダウンロードしてくるなりCDNを参照するなりしないと。


あと、ファイルの指定ミスとか初歩的な間違いなら
エラーが絶対に出てるはずなのでエラーメッセージくらいは確認しましょう。
ブラウザにもよるけど、開発者向けにエラーメッセージを確認する手段が普通は準備されてます。

エラーメッセージを表示させる - とにかくやってみるブログ - Ingwer Design
http://ingwer-design.com/blog/javascript/post-5. …
    • good
    • 0
この回答へのお礼

本体を入れていませんでした。
大変助かりました。

お礼日時:2014/09/14 23:13

お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!