「b10_1.html」ではマウスカーソルをイラストに重ねるとイラストが「box.gif」から「jack.gif」に変化する。

これを改善し、次のようになるように「b10_1.js」を適切に修正したい。

• マウスカーソルをイラストに重ねるとイラストが「shiningbox.gif」に変化する。
• イラストをクリックするとイラストが「jack.gif」に変化する。
• マウスカーソルがイラストから外れるとイラストが「box.gif」に変化する。

必要なファイルは講義資料のページにある。

これらのファイルはすべて同じディレクトリに置かれるものとする。

「b10_1.html」の10行目は次のようになっている。

<p><img src="./box.gif" id="jib" alt="箱" onmouseover="toJack()" onmouseout="toBox()"></p>

ここにある<img>タグの属性に追加を行い、マウスカーソルをイラストに重ねると、イラストが「shiningbox.gif」に変化するJavaScriptの関数「toShiningbox()」が呼ばれるようにする。

その追加する属性を書け。