※ ChatGPTを利用し、要約された質問です(原文:ロールオーバーで…)
ロールオーバーで右側セルにプレビューを表示する方法
このQ&Aのポイント
ホームページビルダーで作成したページに横に2マスある表を作り、右側のセルを幅50%に指定しました。左側には40x40のサムネイルを100個ほど置いています。右側のセルにはロールオーバーでプレビューを表示させたいと思っていますが、絵の一部が見えなくなる問題があります。
現在、右側のセルには写真のサイズによって表示位置が変わるため、一番上・下のサムネイルをロールオーバーさせると絵の全部が見えません。そこで、ロールオーバーではなくクリックでプレビューを表示させる方法や、セルの中央ではなく画面の中央に表示させる方法があれば教えてください。
また、他にも良い方法があれば教えていただきたいです。どうぞよろしくお願いします。
ホームページビルダーでページを作っています。
横に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>
--------------------------------------------------
しかし、右側セル中央に表示指定にしているため一番上・下のものをロールオーバーさせると絵の全部が見えません。
写真のサイズは決まっておらず、まちまちです(縦長横長がランダムにある)。
そこで、ロールオーバーではなくクリックで右セルに表示させる方法とセル中央ではなく画面中央に表示させる方法があれば教えてください。
もしくは、ほかに何か良い方法がないでしょうか?
よろしくお願いします。
お礼
ありがとうございます。 その方法でも作ってみます。