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らしい動作どころか画像すら表示されませんでした。(画像パスは入力し直しています)
他にダウンロードするものやコードを書かなければならないことなど、動作に必要なものについて教えて頂けませんでしょうか。
※上記以外のことは一切行っておりません
何卒よろしくお願い致します。
No.1ベストアンサー
- 回答日時:
> ※上記以外のことは一切行っておりません
それが本当なら、肝心のjQuery本体(jquery.min.js)がないよ。
ダウンロードしてくるなりCDNを参照するなりしないと。
あと、ファイルの指定ミスとか初歩的な間違いなら
エラーが絶対に出てるはずなのでエラーメッセージくらいは確認しましょう。
ブラウザにもよるけど、開発者向けにエラーメッセージを確認する手段が普通は準備されてます。
エラーメッセージを表示させる - とにかくやってみるブログ - Ingwer Design
http://ingwer-design.com/blog/javascript/post-5. …
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- HTML・CSS 書籍を見つつサイト造りの練習をしているのですが、見た目が一致しません 2 2022/11/28 15:00
- JavaScript html5に変えるとスライドショーが消えてしまった。 3 2022/03/26 19:53
- JavaScript jQueryでのドラッグアンドドロップについて 1 2022/07/30 09:10
- JavaScript jqueryを使ったスムーススクロールのコードを書いたのですが、HTMLコード内にある、a butt 2 2022/04/14 10:59
- PHP 共通の処理をまとめる方法がわからないのでアドバイスお願いします。 1 2022/12/19 20:20
- HTML・CSS ヘッダーの画像にメインエリアがかぶってしまいます 1 2022/11/28 14:06
- HTML・CSS CSSが効かずどのように指定すれば良いか分からないのでアドバイスお願い致します 2 2023/06/07 12:25
- HTML・CSS 【HTML】【CSS】【Swiper】 元の画像は横1200×縦600なのですが、実際のサイト上に反 5 2022/07/16 13:57
- JavaScript jQueryで同じクラス名のものを別物として扱いたい 1 2022/06/17 14:14
- JavaScript jQueryでのドラッグアンドドロップについて 1 2022/07/07 21:04
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
<ul>~</ul>が二つ続くと間に改...
-
divタグ内のコンテンツが重なっ...
-
リストマーカーをボックス内に...
-
html/cssの、navを2段にする...
-
どうしてもエラーが解決できま...
-
リストの数字のフォントサイズ...
-
アコーディオンメニューがかく...
-
レスポンシブWebデザインでリン...
-
複数行にまたがる括弧を表示し...
-
liタグの中に<p>タグやら<dl>を...
-
html <ul></ul>の並びで一行空...
-
jQueryの導入方法について
-
<table>の高さ固定。情報増加時...
-
HTML5のfooterに見出しを付けて...
-
「CSS」リストの2段組どのよう...
-
ポップアップメニューを表のよ...
-
HTMLで組織図を作成する方法
-
ブログのメニュー設定時にテン...
-
正規表記について「除く」の表...
-
Listの中に<br>を入れてはダメ...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
リストマーカーをボックス内に...
-
liタグの中に<p>タグやら<dl>を...
-
<table>の高さ固定。情報増加時...
-
レスポンシブWebデザインでリン...
-
html/cssの、navを2段にする...
-
リストの数字のフォントサイズ...
-
divタグ内のコンテンツが重なっ...
-
<ul><li></li></ul>にするメリ...
-
HTMLで組織図を作成する方法
-
ulタグやliタグの中でbrタグ...
-
リンク文字同士の間隔を開ける...
-
<ul>~</ul>が二つ続くと間に改...
-
ulとliで囲った文字の一部を変...
-
番号付きリスト(<Ol><Li>・・...
-
display:table;を多段表示させたい
-
ボタンを横に並べて表示させる方法
-
html <li>の中の文字一部に色を...
-
CSS質問:大手サイトを見ると何...
-
html <ul></ul>の並びで一行空...
-
Tableの1セル内に画像・テキス...
おすすめ情報