0

私は<img>MVC 4 Razor Display Template を持っています。ユーザーが画像の上にカーソルを置いたときに、フルサイズの画像を含むツールチップを表示したいと思います。

HTML:

<img height="50" width="50" src="@Model.ImageString" />

@Model.ImageString次のような画像データ文字列が含まれています。

"data:image/*;base64," + Convert.ToBase64String(file.Data)

推測できなかった場合file.Dataは、byte[]です。

ホバリング時にフルサイズのツールチップを表示するにはどうすればよい<img>ですか?

4

3 に答える 3

1

これを行うためにJavascriptを使用していると仮定します:

  • dom でツールチップ コンテナーを用意する
  • カーソルを合わせて、ファイル href を取得し、ツールチップ コンテナー内に新しいイメージ タグを作成します。

タグで画像のサイズを指定しないようにしてください。指定する場合は、50x50 以外のフルサイズのサイズを表示してください。

于 2013-08-12T21:41:14.130 に答える