0

以下を使用して、サイトの訪問者がサムネイル (この場合は tn_guinness-label.jpg) をクリックし、クリックすると大きな画像 (この場合は guinness-label.jpg) が表示されるようにします。それで....試してみたところ、赤いXが入った小さなボックスしか見えませんでした.マウスを赤いXの上に置くと、正常に機能し、大きな画像が表示されました.

マウスオーバーする前にサムネイルが表示されなかったのはなぜですか? さらに、マウスオーバーを完了してからマウスを離した後、実際にサムネイル画像が表示され、表示されたままになりました。サムネールが最初に表示されず、マウスオーバーを完了した後にのみ表示されたため、私は何を間違っていますか。ご協力ありがとうございました。以下は私が使用しているものです（aspxページ... Visual Web Developerの無料版を使用）

<script language="javascript" type="text/javascript"> </script>

<table style="border:solid black 1px;font-size:12pt; font-family:verdana">
<tr>
<td>
<img alt="Guiness Advert" id="guiness" name="guiness" src="~/folder1/folder2/folder2//tn_guinness-label.jpg"  onmouseover="document.guiness.src ='guinness-label.jpg';" onmouseout="document.red.src ='tn_guinness-label.jpg';" />
</td>
<td>
<div>Guiness Label</div>
</td>
</tr>
</table>

上記の解決策を提供できない場合は、aspx ページのサムネイルでマウスオーバー効果を実現する方法に関する情報を喜んで受け取ります。どうもありがとう。

リサマック

4

3 に答える 3

0

赤い X の付いたボックスは、IE (IE を使用していると仮定) が不足している画像を示す方法です。

img タグ内のサムネイル画像へのパスが正しいことを確認してください。

画像を離れるときに表示される理由は、OnMouseOut イベントに画像への正しいパスがあるためです。

頭に「～」が付いていることに気がつきました。アプリケーションのルートまたは現在のフォルダーから検索するということですか?

于 2009-08-27T13:49:49.913 に答える
0

イメージを./~/folder1/folder2etc ディレクトリに保存しますか?

そして、あなたは意味しませんでしたかdocument.getElementById('guiness').src（またはそれが何であるか）?

于 2009-08-27T13:50:23.407 に答える
0

2つの問題があるようです。

を。.src の一貫性

たとえば、次のようなすべてのインスタンスでフル パスにする必要があります。

document.guiness.src ='folder1/folder2/folder2/guinness-label.jpg"

b. document.guiness.src の使用の一貫性

たとえば、マウスアウトでは次のようになります。

document.red.src

于 2009-08-27T14:10:47.733 に答える