OnMouseOverは機能しますが、小さなサムネイルは赤いXのままです - 親指を表示する方法？

Question

私は、サイト訪問者がサムネイル（この場合はtn_guinness-label.jpg）をクリックできるように、以下を使用しています。クリックすると大きな画像が表示されます（この場合はguinness-label.jpg） 。だから私はそれを試しました、そして、私が見ることができるのは赤いXが入った小さな箱でした。赤いXの上にマウスを置いたとき、それはすごくうまくいって、私に大きなイメージを見せました。

マウスオーバーする前にサムネイルが表示されないのはなぜですか？ また、マウスオーバーを完了してマウスを離した後、サムネイル画像を実際に見ることができました。だから...サムネイルが最初に表示されなかったので、私は間違っています。マウスオーバーを完了した後でしか表示されませんでした。ご協力ありがとうございました。以下は、ソリューションは、上記に与えられることができない場合は、私がどのように達成するかについて一切の情報を受け取ることがうれしいです

<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ページ）を使用しているものですaspxページのサムネイルへのマウスオーバーエフェクト。どうもありがとう。

LisaMac

Answer 1

赤いXでのボックスにはIE不足している画像を示して（あなたがIEを使っていると仮定した場合）の方法です。

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

イメージを残して表示されるのは、OnMouseOutイベントがイメージへの正しいパスを持つからです。

最初に「〜」があることがわかりました。アプリケーションのルートまたは現在のフォルダから検索することを意味しますか？

Answer 2

./~/folder1/folder2などのディレクトリに画像を保存しますか？

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

Answer 3

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

a。

document.guiness.src = 'のfolder1/folder2に/フォルダ2 /ギネス-label.jpg」

B：あなたの.SRC

などの一貫性は、それはのようなすべてのインスタンスでフルパスでなければなりません。マウスアウトで

などをdocument.guiness.src使用の一貫性、それは次のとおりです。

document.red.src