javascript - divホバー別の絶対中心jquery

Question

div.text（画像の赤）を絶対中央のdiv.image（黒）に合わせて表示したいと思います。div.textにcssを与えるよりも、各画像のサイズを取得するjavascriptについて考えます。これはWP用であるため、各画像の高さ（および場合によっては幅）が異なり、すべての画像のサイズを取得する必要があります。

どうもありがとうございます。

Answer 1

簡単な方法は、1 つのセル、垂直/水平の中央揃え、スタイルを「display: none;」に設定し、画像の .height() および .width() に従ってテーブルのサイズを変更し、テーブルを絶対的なものにするテーブルを作成することです。画像上で z-index の高い位置に配置します。次に、画像の上にテーブルを表示するホバー動作を設定し、ホバーオフで再び非表示にします。

Answer 2

JQuery UI ポジショニング プラグインを使用できます。

http://jqueryui.com/demos/position/

$("#MyDiv").position({
  my : "center center",
  at : "center center",
  of : "#MyImage"
});

デモ: http://jsfiddle.net/thinkingsites/QYH8w/1/