プロが教えるわが家の防犯対策術!

画像スライドショー用の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>

はどこに記載するのでしょうか??
またデレクトリーはどこにいれればいいのでしょうか??

基礎的な質問で申し訳ございませんが、教えて頂ける方宜しくお願い致します。

A 回答 (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/
    • good
    • 0

<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内のパスの変更をしてください。
    • good
    • 0

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