みきちゃんホームのエンターページ(まいぺーじtop.html) で利用している方法は、背景画像として表示する方法で、 <IMG
SRC="見本画像のアドレス"
ONCLICK="document.body.style.backgroundImage='URL(拡大画像のアドレス)';">
2006桜開花情報(準備中) http://www.geocities.jp/mikichan_ehime/sakurajoho/sakurajoho.html に多く用いられている方法は、 <a
href="JavaScript:void(0)"onClick="imgwin('拡大画像のアドレス',拡大画像の縦サイズ,拡大画像の横サイズ)"><img
src="見本画像のアドレス" width="見本画像の横サイズ" height="見本画像の縦サイズ"></a>
<a
href="JavaScript:void(0)"onClick="imgwin('http://www.dreamup.net/~xoop/rental30/home/twinkle/DSCN2962-20.JPG',480,360)"><img
src="http://www.dreamup.net/~xoop/rental30/home/twinkle/DSCN2961-15.JPG"
width="180" height="240"></a><a
href="JavaScript:void(0)"onClick="imgwin('http://www.dreamup.net/~xoop/rental30/home/twinkle/DSCN2965-20.JPG',240,320)"><img
src="http://www.dreamup.net/~xoop/rental30/home/twinkle/DSCN2963-15.JPG"
width="180"
height="240"></a>
上記のタグはIE専用スクリプトなのでNNには効果がありません。 全てのブラウザに対応させようとするならば、普通に、 <a
href="http://www.dreamup.net/~xoop/rental30/home/twinkle/DSCN2962-20.JPG"
target="_blank"><img
src="http://www.dreamup.net/~xoop/rental30/home/twinkle/DSCN2961-15.JPG"
width="180" height="240"></a><a
href="http://www.dreamup.net/~xoop/rental30/home/twinkle/DSCN2965-20.JPG"
target="_blank"><img
src="http://www.dreamup.net/~xoop/rental30/home/twinkle/DSCN2963-15.JPG"
width="180"
height="240"></a> |