Как я могу создать всплывающую подсказку с изображением над ярлыками форм с помощью jQuery?

Question

Как можно поместить всплывающую подсказку с изображением на ярлык всех переключателей в форме? Я использую simple_form для генерации разметки формы, поэтому у каждой метки есть атрибут for (например, for="reward_id_79"), который я мог бы использовать, чтобы связать метку с соответствующим изображением img src='blah.jpg' id='reward_id_79'.

Каждый радиовход будет иметь ассоциированное изображение, которое я хотел бы отобразить во всплывающей подсказке, когда пользователь наводит курсор на текст метки. Я бы не хотел изменять вывод simple_form, а вместо этого иметь ряд скрытых изображений в других местах на странице.

Answer 1

Взгляните на плагин poshytips jquery.

http://vadikom.com/demos/poshytip/

Он делает то, что вам нужно, и очень прост в использовании.

Answer 2

Существует плагин jQuery для всплывающих подсказок , который вы можете попробовать, и выглядит он как полнофункциональный.