JavaScript を使用して、小さなボックスで大きな画像を閲覧するためのコードを実装する_JavaScript スキル

nbsp;html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

#pic {
高さ: 300px; 幅: 420px;
ボーダー: 3px ソリッド #ccc; 背景画像: url(http://www.happyshow.org /sample/20060619/3.jpg);
背景繰り返し: 繰り返しなし;

背景色: #333; >}

-->








今日 Google Earth 4.0 をプレイb、Print Screen からの写真は非常に大きいことがわかり、Web ページに直接配置すると、サイズが大きすぎて不適切になるため、写真のサイズを圧縮したくないと考えました。この方法は予想外に簡単に実装できました。はは、くそー、このコードは Firefox とも互換性があります。


nbsp;html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
今日 Google Earth 4.0b をプレイしていましたが、プリント スクリーンからの写真が非常に大きいことがわかり、Web ページに掲載するには適していませんでした。写真のサイズを圧縮したくないので、この方法を見つけましたが、予想より簡単に実装できるとは思いませんでした。はは、くそー、このコードは Firefox とも互換性があります。
------------------------------------------ ---------- -------------------------------------- 2006.6.20 修正:
・スクロール範囲を追加、背景は表示されなくなります
・onmousemoveイベントを使用して、マウスの動きに合わせてリアルタイムで画像が移動します

無題のドキュメント