Я пытаюсь создать простую интерактивную карту изображений, в которой пользователь сможет навести указатель мыши на часть изображения, и установка, в свою очередь, оживит / покажет / отобразит всплывающее окно (не новоеокно!) рядом с текущей позицией указателя мыши, содержащей текст, изображения и & |кликабельные ссылки.
Однако в данном примере это не карта изображений, а 9 небольших изображений.Каждое изображение становится немного больше при наведении курсора и при нажатии загружает изображение в правую <div>
страницы.
Я хочу удовлетворить следующие критерии:
- Я хочу использовать карту изображений (HTML или другую) вместо 9 маленьких изображений
- Я хочудействие при наведении на изображение, чтобы также загрузить изображение - уберите необходимость щелкнуть изображение
- Я хочу, чтобы страница была видимой и интерактивной для всех популярных зрителей - браузеров рабочего стола, мобильных браузеров, iPad, планшетов Android и т. д. ...
Я не уверен, какую платформу (она же - набор инструментов разработчика) использовать, чтобы удовлетворить приведенный выше список критериев.Основная цель - выполнить последний пункт в приведенном выше списке критериев.Я мог бы, вероятно, пожертвовать первым или вторым критерием из приведенного выше списка, если это то, что нужно сделать, чтобы удовлетворить последний пункт.
Вот пара «платформ», которые я подумал использовать:
- HTML + CSS
- jQuery + CSS
- Flash + Actionscript
- Javascript + AJAX
Какой набор инструментов следует использоватьиспользовать, чтобы осуществить это?
Есть ли другой инструмент или набор инструментов, которые мне не хватает и которые следует использовать вместо перечисленных выше?
Заранее спасибо!
РЕДАКТИРОВАТЬ: Если вы проголосуете, чтобы закрыть это, пожалуйста, перенаправьте меня на вопрос, который уже охватывает это, или, пожалуйста, не закрывайте его!Этот вопрос отвечает - это не обсуждение.