画像スライドショー用のjQueryを埋め込みがしたいです。
埋め込みたい物は以下のサイトの物です。
http://www.zurb.com/playground/orbit-jquery-imag …
ここの本文にもあるのですが私の思う通りにまずは記載します。
header部分に
<script src="js/jquery.min.js" type="text/javascript"></script>
<script src="js/jquery.orbit.min.js" type="text/javascript"></script>
<link rel="stylesheet" href="css/orbit.css">
を記載し埋め込みたい場所に
<div id="featured">
<img src="overflow.jpg" alt="Overflow: Hidden No More" />
<img src="captions.jpg" alt="HTML Captions" />
<img src="features.jpg" alt="and more features" />
</div>
を記載するまではわかるのですが、
<script type="text/javascript">
$(window).load(function() {
$('#featured').orbit();
});
</script>
はどこに記載するのでしょうか??
またデレクトリーはどこにいれればいいのでしょうか??
基礎的な質問で申し訳ございませんが、教えて頂ける方宜しくお願い致します。
No.2ベストアンサー
- 回答日時:
No1です
具体的にこんな感じ
<head>
<meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS">
<meta http-equiv="Content-Style-Type" content="text/css">
<title>タイトル</title>
<script src="js/jquery.min.js" type="text/javascript"></script>
<script src="js/jquery.orbit.min.js" type="text/javascript"></script>
<link rel="stylesheet" href="css/orbit.css">
<script type="text/javascript">
$(window).load(function() {
$('#featured').orbit();
});
</script>
</head>
参考URL:http://semooh.jp/jquery/
No.1
- 回答日時:
<head>~</head>内に記述します。
ただし、<script src="js/jquery.min.js" type="text/javascript"></script>
<script src="js/jquery.orbit.min.js" type="text/javascript"></script>
の後ろに埋め込みます。
>デレクトリーはどこにいれればいいのでしょうか?
ソースから判断すると、[root]直下に[js]ディレクトリ(フォルダ)を作り、その中に
jquery.min.js
jquery.orbit.min.js
を入れます。
cssも同様に[root]直下に[css]ディレクトリ(フォルダ)を作り、その中に
robit.css
を入れます。
js、cssともサブフォルダを作って入れともかまいません。
[root/js/rorbit/jquery.orbit.min.js] 等
[root/css/rorbit/robit.css] 等
その場合、src内のパスの変更をしてください。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- JavaScript jqueryを使ったスムーススクロールのコードを書いたのですが、HTMLコード内にある、a butt 2 2022/04/14 10:59
- JavaScript jQueryでのドラッグアンドドロップについて 1 2022/07/07 21:04
- JavaScript html5に変えるとスライドショーが消えてしまった。 3 2022/03/26 19:53
- JavaScript jQueryでのドラッグアンドドロップについて 1 2022/07/30 09:10
- JavaScript プラグイン無しでContactform7にdatepickerを実装 3 2022/10/25 02:18
- AJAX JavascriptからPHPへのAjax通信でnullが返ってくる 3 2022/08/03 22:00
- JavaScript 入力フォームの javascript で メールアドレスの正規チェックをを行い、ボタンをクリックして 2 2022/04/27 16:06
- JavaScript javascriptで変数を組み込みたい 2 2023/01/13 09:52
- JavaScript 画像の表示位置 3 2022/12/23 08:25
- JavaScript 1日1回引けるJavaScriptおみくじについて 1 2022/12/12 22:28
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
base64encodeでの文字化けについて
-
マウスオーバーでリンク先サム...
-
JavaScriptで背景や文字色を色→...
-
プラグイン無しでContactform7...
-
<a href="#" …>の意味を教えて...
-
別ファイルのfunctionの読み込み方
-
javascriptでalertの文字列をコ...
-
bodyにidをつける理由は何ですか?
-
フレームを跨ぐドロップダウン...
-
getElementsByNameで要素が取得...
-
JavaScriptからVBScriptの呼び...
-
JavaScriptでiframeの内容を「...
-
processing
-
onLoadをbodyタグ以外で使用する
-
楽天商品検索APIをjavascriptで...
-
<body id=~>の用途は?
-
フォーカス移動抑止について
-
XMLHTTPRequestでstatusが0に
-
window.openでフルスクリーン表...
-
javascript内で外部ファイルを...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
base64encodeでの文字化けについて
-
jquery ui.resizable 使い方
-
複数のjavascriptを使うと動か...
-
Base64に変換したHTMLの<script...
-
bxslider、画像が3枚以上になる...
-
Jqueryの干渉について
-
DreamWeaverでJS
-
複数のバージョンのjQueryを同...
-
マウスオーバー+クリカブルマッ...
-
マスターページでのJavaScriopt...
-
jqueryのcolorboxを読込直後に...
-
javascript外部読み込みの際の引数
-
lightbox2 表示の不具合
-
jsファイルで配列を定義し、j...
-
jqueryを2つ設置した事で片方...
-
<script>タグというのはどこか...
-
Javascriptがうまく動作しません。
-
同一HTML内に複数のjQueryを作...
-
jqueryについて(Lightboxとbxs...
-
colorboxの直接呼び出し方法に...
おすすめ情報