ロールオーバーで…
ホームページビルダーでページを作っています。
横に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>
--------------------------------------------------
しかし、右側セル中央に表示指定にしているため一番上・下のものをロールオーバーさせると絵の全部が見えません。
写真のサイズは決まっておらず、まちまちです(縦長横長がランダムにある)。
そこで、ロールオーバーではなくクリックで右セルに表示させる方法とセル中央ではなく画面中央に表示させる方法があれば教えてください。
もしくは、ほかに何か良い方法がないでしょうか?
よろしくお願いします。
お礼
早速に回答をいただき、ありがとうございます。 実際にやってみました。崩れませんでした。 で、問題のページを開いて、再度画像を入れてみました。 何故か崩れませんでした。 何日も上手く行かなかったのにです。 申し訳ないです。 ありがとうございました。