jQuery: изображение в всплывающей подсказке

Question

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

<table>
  <tr id="prod-37">

  </tr>
  <tr id="prod-38">

  </tr>
</table>

Я хочу функцию jQuery, которая будет знать идентификатор продукта.Ссылка на фотографию: /img/products/$ndomid Event.jpg

Answer 1

Я бы добавил класс css маркера в каждую из строк таблицы. Затем вы можете сделать $ (". MyMarkerClass"). Каждый, чтобы поместить ваш курсор в строку.

http://api.jquery.com/each/ - вы заметите, что область действия - это элемент, который вы перебираете.

Answer 2

Вы можете использовать http://flowplayer.org/tools/tooltip/index.html

Существует пример изображения и всплывающей подсказки:

http://flowplayer.org/tools/demos/tooltip/any-html.html