jQuery tooltip L'aperçu de l'image ne fonctionne pas

J'ai une simple galerie d'images que j'ai paginée, et je veux utiliser un effet de survol sur un roll-over comme celui utilisé sur istockphoto.com, pour prévisualiser les images sans avoir à quitte la page.jQuery tooltip L'aperçu de l'image ne fonctionne pas

Ce plugin d'info-bulle jQuery est simple, direct et bien écrit, donc j'ai été implémenté sur mon site. Le plugin est ici: http://cssglobe.com/post/1695/easiest-tooltip-and-image-preview-using-jquery

Cependant ... cela ne fonctionne pas du tout. Pouvez-vous tous jeter un coup d'oeil et laissez-moi savoir quelle chose ridiculement stupide que j'ai probablement oubliée?

Mon site de développement: http://homewoodphoto.jhu.edu/gallery/20030101_test_gallery/

Merci!

Source

2009-10-13 rhodesjason

Votre manque le CSS pour la pointe de l'outil

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

a ajouté et il fonctionne sur votre site

Source

2009-10-13 16:30:25

fantastique. Les chiffres c'était CSS, que je connais et que j'aime, qui a causé un problème dans ma jQuery, que j'apprends comme je vais. Oy. – rhodesjason

bon site btw :) –

L'info-bulle de votre exemple de page de développement s'affiche! Mais c'est par la fenêtre. Il est créé en dessous de votre pied de page. Il y a quelque chose qui ne va pas avec votre CSS de l'aperçu de l'ID et les valeurs supérieures et droites. Vous pouvez voir que la barre de défilement sur la droite se déplace un peu lorsque vous passez sur une image!

Essayez d'ajouter

#preview {position:absolute;}

à votre CSS.

Source

2009-10-13 16:14:31 powtac

jQuery tooltip L'aperçu de l'image ne fonctionne pas

Répondre

Questions connexes