Javascriptの実装にあたって

質問

いつもお世話になっております。

http://kishi-r.com/archives/date/2011/03の「iPhoneでiframeのようにスクロール」という所を
自身のHPにも実装しようと思い、苦戦しています。

この中で、
※ 他に面倒だったので「dragdealer-main.css」というCSSをサンプルコードから落としてきて読み込ませてます。
という一文があるのですが、このサンプルコードをどこから落としたら良いのか判らず困っています。
自分で作るにも作り方の見当が付かず、可能であれば、上記のようにダウンロードできればと考えています。お手数をおかけしますが、お分かりの方がいらっしゃいましたらご協力ください。
よろしくお願いいたします。

回答No.3

yamada_g · ベストアンサー

dragdealer-main.cssに
>@import url('main.css');
という記述があります。
urlは当該スタイルシートからの相対パスで記述するので、
><link rel="stylesheet" type="text/css" href="http://code.ovidiu.ch/css/dragdealer-main.css" />
と記述していた時はmain.cssが正しく読み込まれますが、
><link rel="stylesheet" type="text/css" href="dragdealer-main.css" />
に変更すると同一フォルダにmain.cssが存在しないので正しく読み込まれないのだと思います。

ですので、main.cssもサーバに置いてあげればうまくいくのではないでしょうか。

お礼

お返事が遅くなりまして申し訳ありません。
ご説明の通りで来ました。ありがとうございます

回答No.2

yamada_g

デモページ：http://code.ovidiu.ch/dragdealer/
で「ソースを表示」してみてください。dragdealer-main.cssがあります。

補足

ご解答、ありがとうございます。
<link rel="stylesheet" type="text/css" href="http://code.ovidiu.ch/css/dragdealer.css" />
<link rel="stylesheet" type="text/css" href="http://code.ovidiu.ch/css/dragdealer-main.css" />
ココの部分でしょうか？

ココのリンク先から、本文を全て選択でコピー
新しくdragdealer.cssとdragdealer-main.cssを作成してペースト。
同一フォルダにFTPでアップデート

htmlファイルのヘッダを
<link rel="stylesheet" type="text/css" href="http://code.ovidiu.ch/css/dragdealer.css" />
から
<link rel="stylesheet" type="text/css" href="dragdealer.css" />
および
<link rel="stylesheet" type="text/css" href="http://code.ovidiu.ch/css/dragdealer-main.css" />
から
<link rel="stylesheet" type="text/css" href="dragdealer-main.css" />と書き換え
としたのですが、スライダの位置が参照先の変更前後で変わってしまうのです。
何か根本的に勘違いをしているのでしょうか？

回答No.1

osietete4

<!-- このCSSは各自のサイトのデザインに併せて調整 -->

って書いてありますよ。そのCSSいらないはず。

補足

ご解答ありがとうございます。
ヘッダー部分に
<link rel="stylesheet" type="text/css" href="http://code.ovidiu.ch/css/dragdealer.css" />
<link rel="stylesheet" type="text/css" href="http://code.ovidiu.ch/css/dragdealer-main.css" />
と自分のページに記載すると、スライダが稼動するのですが、これのどちらかでもを消してしまうと、動かなくなってしまうのです。ですので不要というわけではなさそうなんです。
無くていいならそれのほうが楽で良いんですが・・・。