HPにスライドショーが反映されません。

Question

Macユーザーです。OSは10.9.5です。FC2でページを作っています。

HPにスライドショーを設置したいと思い、HTMLタグを用いてページの編集をしました。
ですが、写真が反映されなかったりページのデザインが崩れたりしてしまいます。
こちら(http://matome.bgah.jp/2014/01/javascript-bxslider/)にあるスライドショーの最終形が理想だったので、HTMLタグは本当にそのまま貼り付けて、写真はFC2のディレクトリ内にあるので既存のアドレスと置き変えました。結果、写真は反映されましたが大きさが変えられず、画面いっぱいいっぱいに表示されてしまいました。
またどこもソフトのダウンロードが必須なようで、添付先のURLに書いてある必要なものはダウンロードしました。ただ、ファイルを同じ場所に作る、imgファイルを作ってそこに使いたい写真を入れる、というのも何だか疑問です。HPのタグではPCに入っているものに干渉できませんよね？ここの説明がよくわかっていないから出来ないのでしょうか？

URL先のような綺麗なスライドショーを作るにはどうしたら良いのでしょうか…
他のサイトに掲載してあるタグを試しにやってみても上手く反映されませんでした。
タグを使わなくても簡単に出来る方法があればそれも教えて頂きたいです。
どうか詳しい方、お力を貸してください…

toast5 · Accepted Answer

そのうまくいかないページのURLをここに晒してくれれば話は早いのに・・・「HPのタグではPCに入っているものに干渉できませんよね」という一文を見ても、「ソフト」という語の用法を見ても、何かまだ根本的なところを理解しておられない、ような気がします。でも大丈夫です。すべては慣れです。 >写真は反映されましたが大きさが変えられず写真のサイズはあらかじめ調整しておいた方がいいです。その、画像ファイル自体のサイズを。えー、デスクトップにひとつフォルダを作ってください。フォルダ名はとりあえず「test」。で、以下の６つを「test」の中に（同一階層に）置きます。 http://jquery.com/download/からダウンロードした ▼「jquery-1.11.1.min.js」 http://bxslider.comからダウンロードした「jquery」フォルダの中の、 ▼「images」フォルダ（スライドショーの部品が入ってる） ▼「jquery.bxslider.css」 ▼「jquery.bxslider.js」以下は自分で作る。 ▼「sample1.jpg」から「sample4.jpg」までを入れた「img」というフォルダ ▼test.html 以上、三角形つけた６つです。６つを、並列に置く。ここまで、いいですか。ちなみに CSSファイルとかJavaScriptファイルとかは「ソフト」じゃないです。あくまでファイル。で、最後の「test.html」の中身は、以下をコピペ。「

」なんてのは褒められたもんじゃないのかも知れませんが、いつの日にか、慣れたらてきとうに改善してください。 sample

以上の結果↓ https://dl.dropboxusercontent.com/u/47661325/test/test.html https://dl.dropboxusercontent.com/u/47661325/test.zip あと、HTML関連の話題では、MacユーザーだとかOSのバージョンとかは基本的に無関係です。だから今後はこっち↓の方がいいかも。 http://oshiete.goo.ne.jp/category/252

toast5 · Answer

あと、URLの末尾に余計なカッコがついてるので、
クリックしても404エラーになります。正しくはこう。
http://matome.bgah.jp/2014/01/javascript-bxslider/

あと、

>imgファイルを作ってそこに使いたい写真を入れる

それはファイルじゃなくて、フォルダです。

HPにスライドショーが反映されません。

あと、URLの末尾に余計なカッコがついてるので、

そのうまくいかないページのURLをここに晒してくれれば話は早いのに・・・

この回答への補足

似たような質問が見つかりました

関連するカテゴリからQ&Aを探す

デイリーランキングこのカテゴリの人気デイリーQ&Aランキング

マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング