画像を表示したい。

###前提・実現したいこと
画像0にカーソルを乗せると、同じ位置に画像1を表示して、
カーソルを離すとと、元の画像0に戻るようにしたい。
###発生している問題・エラーメッセージ
画像が表示されない。
ファイル読み込みエラーになる。

###該当のソースコード
<img src="img/img0.jpg" onMouseover="this.src='img/img1.jpg'" onMouseout="this.src='img/img0.jpg'">

###試したこと
画像ファイル名を変えたりした。

###補足情報(言語/FW/ツール等のバージョンなど)
より詳細な情報

kei344

2017/05/07 10:02

質問文のコードはコードブロックで囲んでいただけませんか？ ```（バッククオート3つ）で囲み、前後に改行をいれるか、コードを選択して「<code>」ボタンを押すとコードブロックになります。

行動規範の内容に同意します

回答1件

すでに質問者さんの実現したいことが行えていると思いますが、どうでしょうか。また、質問文のscriptタグ内の記述は不要だと思います。

HTML
1<!DOCTYPE html>
2<html lang="ja">
3<head>
4    <meta charset="UTF-8">
5    <title>タイトル</title>
6</head>
7<body>
8<img src="https://placehold.jp/3d4070/ffffff/150x150.png?text=img/img0.jpg"
9     onMouseover="this.src='https://placehold.jp/3d4070/ffffff/150x150.png?text=img/img1.jpg'"
10     onMouseout="this.src='https://placehold.jp/3d4070/ffffff/150x150.png?text=img/img0.jpg'">
11</body>
12</html>