Блог

Главная - Вопросы по программированию - jQuery: изображение в подсказке

jQuery: изображение в подсказке

#jquery #tooltip

#jquery #всплывающая подсказка

Вопрос:

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

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

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

  </tr>
</table>

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

Комментарии:

1. Это не сработало? Судя по вашему вопросу, похоже, что вы ничего не пробовали и просто хотите, чтобы кто-нибудь написал ваше решение за вас.

Ответ №1:

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

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

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

Ответ №2:

Я бы добавил css-класс marker к каждой из строк таблицы. Затем вы можете выполнить $ («.myMarkerClass»).each, чтобы навести курсор на строку.

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