Предложение по созданию всплывающих подсказок на изображении

Question

Существует ли альтернативный (и более изящный!) Метод создания нескольких всплывающих подсказок поверх изображения без с использованием карт изображений?Желательно искать решение, которое использует jQuery, но не обязательно.

Хотя я знаю, что существуют решения с картами изображений, они просто кажутся такими неуклюжими и недостижимыми.Например, что если изображение получено из динамического источника?Должен ли этот источник также предоставить карту изображений, которую кто-то должен будет создать заранее?Может быть, я прошу слишком многого, но если бы у кого-нибудь было более элегантное решение, я был бы очень признателен.

Спасибо за помощь!

Answer 1

Я понимаю ваш вопрос, но есть две вещи, от которых мы не можем отказаться.

1. Ваши изображения могут быть загружены динамически
2. Области подсказки могут быть точками, прямоугольниками или в основном ЛЮБОЙ формой (набором координат, связывающих область)

Из-за # 2 невозможно использовать карту изображений. Однако, если области подсказок ограничены точками и полями, вы можете обойтись без создания карты изображений. Это не означает, что источник изображения не должен предоставлять какую-либо информацию, потому что это не имеет смысла, это просто означает, что источник может предоставить общий объект JSON, который говорит об изображении. Как только изображение достигнет клиентской стороны, вы можете вызвать функцию, которую вы написали, чтобы создать невидимую div поверх вашего изображения и на основе полученных вами данных создать небольшие div области, с которыми mouseenter() связаны с их. Даже с этим, это не далеко от карты изображения.

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

Я не уверен, отвечает ли это каким-либо образом на ваш вопрос, но обычно элегантность заключается в использовании ограничений, с которыми в этом случае мы практически не можем работать.