0

ページを開いたシンプルな画像ギャラリーがあります。ページを離れることなく画像をプレビューするために、istockphoto.comで使用されているようなロールオーバーでホバー効果を使用したいと思います。

このjQueryツールチッププラグインはシンプルでわかりやすく、よく書かれているように見えるので、自分のサイトに実装しました。プラグインはここにあります：http：//cssglobe.com/post/1695/easiest-tooltip-and-image-preview-using-jquery

しかし...それはまったく機能していません。みなさん、見て、私がおそらく見落としていたとんでもないばかげたことを教えていただけますか？

私の開発サイト： http： //homewoodphoto.jhu.edu/gallery/20030101_test_gallery/

ありがとう！

4

2 に答える 2

2

ツール ヒントの CSS がありません

#preview{
    position:absolute;
    border:1px solid #ccc;
    background:#333;
    padding:5px;
    display:none;
    color:#fff;
    }

これを追加すると、あなたのサイトで動作します

于 2009-10-13T16:30:25.157 に答える
1

サンプル開発ページのツールチップが表示されます! しかし、それは窓の外です。フッターの下に作成されます。id プレビューと top 値と right 値の CSS に問題があります。画像の上を移動すると、右側のスクロールバーが少し移動することがわかります!

追加してみる

#preview {position:absolute;}

あなたのCSSに。

于 2009-10-13T16:14:31.653 に答える