サムネイルにマウスオーバーしたときに大きい画像を変更する方法 « ホームページ制作入門HTML,CSS,PHP,JavaScript,jQuery,etc、ホームページ制作に必要な内容、書いていきます。 ロールオーバーって、通常、マウスが重なった画像（のsrcの内容）を変更するんです。 その為、ロールオーバーは、ナビボタンやリンク画像などでよく使用しますが、 この技術を応用して、フォトギャラリー（サムネイル画像と大きい画像）を作ることができます。 通常のロールオーバーとイベントは同じ要領で作ります。 マウスオーバー時のイベント内の処理で、指定する要素を$(this)とかではなく、特定のidにするだけで、実現できます。 マウスアウト時のイベントも特定の画像に戻すか、何もしないか･･･自由に指定できます。 実例として 他の画像へのマウスオーバー時に変更する画像を「id=”mainimg”」として、 「id=”mainimg”」に最初に表示されている内容を「sample1.jpg
