大きい画像の表示範囲をボタンで移動させたい

[新着] TAG indexオフライン版 3.0 を準備中です

0   名前： こずな ： 2007/03/15（木） 11:12  ID:QuDbVaaI sub-Cl
幅326で縦が相当長い画像の一度に表示する範囲を326x345に指定して
(↑)(↓)←このマークをクリックで画像の最上部と最下部に移動
(△)(▽)←このマークをクリックで上下に68pxずつ移動
(▲)(▼)←このマークをクリックで上下に345pxずつ移動
　※↑マークの部分は画像で作ったボタンにするつもりです。
願わくは マウスホイールで68pxずつスクロールするようにする

といったような事は可能でしょうか？
FLASHを使えば出来る事は わかっているのですが他の方法で再現できないかと思い質問させて頂きました。
アドバイス宜しくお願いします。
1   名前： 匿名 ： 2007/03/15（木） 11:12  ID:Z/T9lFdK sub-kJ
簡単な CSS の応用問題。
<p style="overflow: hidden; width: 326px; height: 345px; ">
  <img src="sample" alt="*" style="position: relative; top: 0px; " />
</p>

後は、img 要素の style.top を増やせば上方に、減らせば下方にスクロールするように見える。

# あるいは clip を使っても面白い。
# 内容量計算、マウスドラッグと絡めれば、スクロールバー自体を自作することもできる。
2   名前： こずな ： 2007/03/15（木） 11:12  ID:QuDbVaaI sub-Cl
１.さん＞アドバイス感謝です…
しかしながら自分は、かなりの素人なため理解できませんでした。
一覧へ戻る