0

どのメニュー項目が選択されているかに基づいて、ヘッダーの画像を変更します。問題は、画像コントロールで画像が伸びることです。画像を歪ませずに自動的にズームしたい。これは可能ですか?

注: 画像は images フォルダーにあり、すべて同じサイズではありません。

Javascript

<script type="text/javascript">

    function ChangeProjectImage(imgpath) {
        var img1 = document.getElementById("Image2")
        img1.src = imgpath;
    }

</script>
4

2 に答える 2

2

CSS プロパティ 'width' を設定することをお勧めします。ニーズとイメージに合った幅を使用してください。次のように実装されます。

width:300px;

画像を歪ませたくないので、画像の最小幅を使用する必要があります。これらのイメージはすべて幅が異なりますが、 'width' プロパティが に設定されているため80px、歪みがなく、すべて同じ幅に見えます。

于 2012-10-13T15:34:02.213 に答える
0

どれだけのズームを探しているかを知っている場合を除いて、自動的にズームできるとは思いません。

CSS

Zoom:200%;
于 2012-10-13T15:36:59.157 に答える