画像を大きな画像の小さな領域にスワップ

Question

1958年の42人のクラスメートを示す画像があります。小さな顔をそれぞれマッピングし、マウスのロールオーバーで現在の肖像画に置きたいと思います。スワップイメージコードは正常に機能しますが、新しいポートレートは元の完全なイメージのサイズです。

<area shape="rect" coords="72,260,143,346" href="#" onMouseOver="MM_swapImage('Image1','','../LoisS.jpg',1)" alt="" onMouseOut="MM_swapImgRestore()"> 

私はその背後にある場所で、元の大きな画像を残して、小さな滞在し、唯一のオリジナルの顔をオーバーレイする小さな画像を取得できますか

？上記のコードをどうにか修正できますか？ [私は自分のjsやcssを書くのはうまくいきません]。

多くのお礼ありがとうございます

Answer 1

jQueryをご覧ください。これにより、画像のより大きなバージョンを簡単に表示できます。

ご覧ください：http://jsfiddle.net/DVDhs/私は、あなたが何をしているのか似たようなものを作ろうとしました。