画像スライドショー用の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.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内のパスの変更をしてください。
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/
お探しの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での文字化けについて
-
scrollsmoothly.jsが動かない
-
画像をランダムにフェードイン
-
javaスクリプトについて質問で...
-
Javascript フォントサイズ変更
-
<a href="#" …>の意味を教えて...
-
プルダウンメニューを別ファイ...
-
インラインフレームで表示され...
-
bodyにidをつける理由は何ですか?
-
ユーザーが更新ボタンを押さな...
-
乱数を一定時間毎に表示させた...
-
ランダムにページにアクセスしたい
-
pythonのWebスクレイピングでfi...
-
外部ファイルを読み込ませるた...
-
javascriptでbgmを自動再生する...
-
onbeforeunload時のwindow.open...
-
新しいウィンドゥを最大化で立...
-
ページの読み込みが完了してか...
-
VBscriptでVisualBasicのような...
-
jQueryが開かない
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
base64encodeでの文字化けについて
-
複数のjavascriptを使うと動か...
-
jqueryでのkeydownイベント発生...
-
Base64に変換したHTMLの<script...
-
Jqueryの干渉について
-
プラグイン無しでContactform7...
-
jQuery-datepicker on IE8
-
サイトにアクセスした際、数秒...
-
jQueryでloadした要素の操作が...
-
javaスクリプトについて質問で...
-
jqueryについて(Lightboxとbxs...
-
jQuery が動作しません。
-
画像をランダムにフェードイン
-
「jquery.csv2table.js」から生...
-
scrollsmoothly.jsが動かない
-
●jQuery;スクロールでついてく...
-
jQuery UIのdraggableについて
-
音楽再生用jQueryプラグイン「j...
-
JavaScriptで背景や文字色を色→...
-
colorboxの直接呼び出し方法に...
おすすめ情報