2011-06-20 8 views
0

私はこのウェブサイトで作業しています:http://india.kentlewis.net/book1.htmlツールチップの場所を指定する

グラフには一連のサムネイルが表示されています。私はonmouseover、フルサイズの画像がtooltipボックスとしてポップアップするようにページを構成しました。問題は、画像が800x600であることです。そのため、画面の中央にあるチャートでは、画像の少なくとも一部が常にオフスクリーンになっています。

カーソル位置に関係なく、特定の場所(画面の左上隅)にポップアップを表示する方法を探しています。

+1

india.kentlewis.net/book1.html –

+0

画像が大きく表示される場合は、「mouseover」を使用しないでください。その理由は、サムネイルをどこに置いても、画像の一部が見えなくなってしまうからです。マウスを動かすと、別のサムネイルにマウスオーバーすることになります。関数を 'onclick'に変更すると、必要な場所に画像を配置することができます。 – sarcastyx

答えて

0

マウスオーバーを使用してに問題があります:大きなイメージが固定位置にマウスオーバーで表示されている場合、それことを保証することはほぼ不可能であろうサムネイルの場所をカバーしていません。あなたのカーソルがもはやサムネイルの上にはなくなります(より大きな画像の上にあります)。画像は自動的に再び非表示になります。

大きな画像の位置を固定したいのであれば、クリックで画像を開く別のスクリプトを作成することをお勧めします。ライトボックススクリプトは、通常これがどのように行われるかです。

元ライトボックス: - 「...現在のページ上の画像をオーバーレイするために使用される単純な、控えめなスクリプトそれはセットアップにスナップだとすべての最新ブラウザで動作します。」
Lighbox 2ロークシュDhakarによっては、 - 私の推薦(軽く、より標準に準拠し、私が使用するもの)

(私はこれは「origal」ライトボックススクリプトの第二版です信じて):
Slimbox 2 - クリストフBeylによります」... Lokesh DhakarによるLightbox 2スクリプトの4KBのビジュアルクローンで、jQuery JavaScriptライブラリを使用して書かれています。オリジナルのライトボックスと非常に小さく、効率的で、標準に優しく、完全にカスタマイズ可能で、より便利で100%互換に設計されました2 "

0

ポップアップするには、以下のスタイルを与えることで、試してみてください

position:absolute; 
top:0px; 
left:0px 
関連する問題