Предварительный просмотр изображения подсказки jQuery не работает - PullRequest
Новая
       20

Предварительный просмотр изображения подсказки jQuery не работает

0 голосов
/ 13 октября 2009

У меня есть простая галерея изображений, которую я разбил на страницы, и я хочу использовать эффект при наведении курсора, например, используемый на istockphoto.com, для предварительного просмотра изображений без необходимости покидать страницу.

Этот плагин для всплывающей подсказки jQuery выглядит простым, понятным и хорошо написанным, поэтому я реализовал его на своем сайте. Плагин здесь: http://cssglobe.com/post/1695/easiest-tooltip-and-image-preview-using-jquery

Однако ... это вообще не работает. Можете ли вы все взглянуть и дать мне знать, какую смехотворно глупую вещь я, вероятно, упустил из виду?

Мой сайт разработки: http://homewoodphoto.jhu.edu/gallery/20030101_test_gallery/

Спасибо!

Ответы [ 2 ]

2 голосов
/ 13 октября 2009

Вы пропустили CSS для всплывающей подсказки 

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

Добавил, и это работает на вашем сайте

1 голос
/ 13 октября 2009

Подсказка на странице вашего примера разработки появляется! Но это за окном. Он создан ниже вашего нижнего колонтитула. Что-то не так с вашим CSS предварительного просмотра идентификатора и верхних и правильных значений. Вы можете видеть, что полоса прокрутки справа немного перемещается при перемещении по изображению!

Попробуйте добавить 

#preview {position:absolute;}

на ваш CSS.

...