• ベストアンサー

動くWEBデザインアイデア帳 実装について

動くWEBデザインアイデア帳に掲載されている、以下のページの画像を自分の画僧と差し替えて動かそうとしましたが、WEBサイトに使用されている画像のままで、自分の画像が表示されません。 スライドは問題なく動いていますが、差し替えた画像が表示されない原因が分からないので、何方かご教授いただけますでしょうか? https://coco-factory.jp/ugokuweb/move01/6-1-9/ お手隙で宜しくお願い致します。

質問者が選んだベストアンサー

  • ベストアンサー
  • Kaneyan-R
  • ベストアンサー率42% (1340/3127)
回答No.2

HTMLではスタイルシートとして「coco-factory.jp/ugokuweb/wp-content/themes/ugokuweb/data/6-1-9/css/6-1-9.css」が指定されているので、ローカル側でCSSを書き換えても、サイトのCSSを読み込んでしまいます。 →CSSが変わらないから元のまま。 この部分を、自身の環境に合わせて書き換える必要があります。

marimokorin
質問者

お礼

出来ました!!!!!!!!!!!! こんな単純な事を見過ごしていたなんて・・・ 本当に穴が在ったら入りたいです・・( ノД`) ご教授本当に有難うございました!!!!

その他の回答 (1)

  • Kaneyan-R
  • ベストアンサー率42% (1340/3127)
回答No.1

どのように「差し替えた」のかが質問に書かれていないので、「どうしてか」は判断出来ません。 テストはローカルで? それとも自前サーバで? ざっと見た感じ、画像はCSSで指定されているので、CSSを弄らないのなら、CSS記載のファイル名で画像を保存してやれば良いだけですけど。 あ、まさかHTMLやCSSをそのまま使っているとかではないですよね? ソース見れば分かる通り、全てネット上(当該サイト)のファイルが指定されているので、ローカルや自前サーバ側でどれだけ入れ換えようとも、そこを自身の構成に書き換えなければ何も変わりませんよ。

marimokorin
質問者

補足

早速のご回答を有難う御座います。 学校の先生からコピペで動くと云われていたので、 コードをVSCにコピペした後、imgフォルダの画像と cssに記載部分の画像を差し替えました。 変更したのは↓の通り、cssファイルの画像部分のみです。 .slider-item01 { background:url(../img/iceland-1979445_1280.jpg); } ↑ 自身のimgファイルの画像 ↓サイトの記載のままの画像 .slider-item02 { background:url(https://coco-factory.jp/ugokuweb/wp-content/themes/ugokuweb/data/6-1-9/img/img_02.jpg); } 変更したのはこの部分のみです。 そして仰る通り、その「まさか」という事をしています。 本当にコピペしただけです。 自身の構成に書き換えるというのが何を意味しているのか、理解していません・・・。 スミマセン・・、超初心者なのでこんな簡単な質問をしてしまって申し訳ないです・・・。 お手隙でご教授いただけますでしょうか・・・・。 宜しくお願い致します。

関連するQ&A