Какую «платформу» я должен использовать для разработки интерактивной интерактивной карты изображений? - PullRequest
2 голосов
/ 17 ноября 2011

Я пытаюсь создать простую интерактивную карту изображений, в которой пользователь сможет навести указатель мыши на часть изображения, и установка, в свою очередь, оживит / покажет / отобразит всплывающее окно (не новоеокно!) рядом с текущей позицией указателя мыши, содержащей текст, изображения и & |кликабельные ссылки.

Однако в данном примере это не карта изображений, а 9 небольших изображений.Каждое изображение становится немного больше при наведении курсора и при нажатии загружает изображение в правую <div> страницы.

Я хочу удовлетворить следующие критерии:

  • Я хочу использовать карту изображений (HTML или другую) вместо 9 маленьких изображений
  • Я хочудействие при наведении на изображение, чтобы также загрузить изображение - уберите необходимость щелкнуть изображение
  • Я хочу, чтобы страница была видимой и интерактивной для всех популярных зрителей - браузеров рабочего стола, мобильных браузеров, iPad, планшетов Android и т. д. ...

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

Вот пара «платформ», которые я подумал использовать:

  • HTML + CSS
  • jQuery + CSS
  • Flash + Actionscript
  • Javascript + AJAX

Какой набор инструментов следует использоватьиспользовать, чтобы осуществить это?

Есть ли другой инструмент или набор инструментов, которые мне не хватает и которые следует использовать вместо перечисленных выше?

Заранее спасибо!


РЕДАКТИРОВАТЬ: Если вы проголосуете, чтобы закрыть это, пожалуйста, перенаправьте меня на вопрос, который уже охватывает это, или, пожалуйста, не закрывайте его!Этот вопрос отвечает - это не обсуждение.

1 Ответ

5 голосов
/ 17 ноября 2011

Это довольно просто реализовать в прямом HTML / CSS (JS не требуется), который будет наиболее широко используемым методом.Вот простой пример:

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

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...