WEB相談室

Webページ作成に関しての何でも掲示板です。

タイトル:サムネイル画像にマウスを置くとちょっと拡大する方法

0:[投稿] しんちゃん [2006/12/25 01:45 ] [環境:IE6,WINXP なし]

現在HPをドリームーウィーバーで作っているのですが、マウスを
サムネイルの画像の上に置くとちょっと大きくなりクリックすると
拡大画像が出るようにしたいのですが、どのようにプログラミングしていいのかわかりません。誰か知っている人いましたら、アドバイス
お願いします。


1:[回答] 通りすがり [2006/12/25 11:21 ]

こんなのいかがでしょうか?
画像はサムネイル画像と拡大画像2つ用意していただきonMouseoutのwidthをサムネイル画像のwidthを書いてください。onMouseoverのwidthはお好きなサイズで。

<html>
<head>
    <title>テスト</title>
    <meta http-equiv="content-type" content="text/html;charset=shift_jis">
    <script language="JavaScript" type="text/javascript">
    <!--
        // 実寸画像を別ウィンドウで表示する
        function PictureShow(myImgName){
            window.open(myImgName , "Picture" , "");
        }
    // -->
    </script>
</head>
<body>
    <form name="frm1">
        <a href="JavaScript:PictureShow('./IMG_1.JPG')">
            <img src="./IMG_1_BIG.JPG" name="img1" onMouseover="document.frm1.img1.width=256" onMouseout="document.frm1.img1.width=128">
        </a>
    </form>
</body>
</html>


2:[関連] しんちゃん [2006/12/27 00:10 ]

通りすがり 様

親切、丁寧なご回答ありがとうございました。
さっそく通りすがり様のプログラムを参考にさせていただきます。
またわからないことがでてくると思いますが、ご迷惑でなければ
お力をお借りしたいです。よろしくお願いします。

回答(必須): 状態:

お名前(必須):

URL:




[戻る]