ロールオーバーで…
ホームページビルダーでページを作っています。
横に2マスある表を1つ作り、横幅を100%に指定、右のセルを幅50%に指定しました。
左側には40x40のサムネイルを100個ほど置いています。全部見るにはスクロールする必要があります。
右側のセルに右側のサムネイルをクリックしたときにプレビューを表示するようにしたいのですがうまく出来ません。
まず、ロールオーバーで右側セルにプレビューを表示することは出来ました(ビルダーの機能で出来ました)。
----------------------------------------------
<A href="#" id="_HPB_ROLLOVER1" onmouseover="HpbImgSwap('_HPB_ROLLOVER1', 'pict/auto-mes/00/mes00-01-s.jpg'); HpbImgSwap('_HPB_ROLLOVER2', 'pict/auto-mes/00/mes00-01.jpg');" onmouseout="HpbImgSwap('_HPB_ROLLOVER1', 'pict/auto-mes/00/mes00-01-s.jpg'); HpbImgSwap('_HPB_ROLLOVER2', 'pict/blank.gif');"><IMG src="pict/auto-mes/00/mes00-01-s.jpg" width="40" height="40" border="0" name="_HPB_ROLLOVER1"></A>
--------------------------------------------------
しかし、右側セル中央に表示指定にしているため一番上・下のものをロールオーバーさせると絵の全部が見えません。
写真のサイズは決まっておらず、まちまちです(縦長横長がランダムにある)。
そこで、ロールオーバーではなくクリックで右セルに表示させる方法とセル中央ではなく画面中央に表示させる方法があれば教えてください。
もしくは、ほかに何か良い方法がないでしょうか?
よろしくお願いします。
お礼
回答ありがとうございます!! 1)の事に関しては解決しました。 リンクはされたままですが、どこかに移動する事はなくなりました。 2)なのですが、<A href="#"></A>を外してしまうとエラーが出てしまいます。 ビルダーでは他の部分も訂正しないと駄目なようです。 直し方がイマイチわからないのですが…;; とりあえず移動しなくなったので、安心できました。 今の所はカーソルを常に矢印にするようにして、しのいでいます。