Описание картинки при наведении

@Verdan · Регистрация: 19.10.2014

Студворк — интернет-сервис помощи студентам

Извиняюсь если тема заезжена, но чеслово пытался найти решение самостоятельно - не смог.
В общем нужно что бы при наведении на картинку открывалось окошко с описанием картинки.
На деле это будет, картинка умения из игры, при наведении на него появится маленкькое окошко с названием умения и с его описанием. Ниже прикреплю пример.
Сделал такое с помощью css, но там выводится только текст, без форматированного заголовка и не понятно как разбивается на слова, в общем не то что мне нужно.
Вот пример:

Форум походу прячет ссылки, прикрепил, красной точкой отмечена позиция курсора.
Спасибо за ранее.

@Lazy_Den · 10.04.2015, 13:21

Verdan, насколько я понял, вам нужен tooltip. В инете масса плагинов. Собственно, по по запросу "plugin tooltip" или аналогичному, вы найдете массу примеров (например, qTip2 или Tooltipster). Так же есть и решение в jQuery UI.

@Verdan · 10.04.2015, 13:45 **[ТС]**

Lazy_Den спасибо, поищу

Новые блоги и статьи Все статьи Все блоги /
Реализация Domain-Driven Design с Java Javaican 20.05.2025 DDD — это настоящий спасательный круг для проектов со сложной бизнес-логикой. Подход, предложенный Эриком Эвансом, позволяет создавать элегантные решения, которые точно отражают реальную предметную. . .	Возможности и нововведения C# 14 stackOverflow 20.05.2025 Выход версии C# 14, который ожидается вместе с . NET 10, приносит ряд интересных нововведений, действительно упрощающих жизнь разработчиков. Вы уже хотите опробовать эти новшества? Не проблема! Просто. . .	Собеседование по Node.js - вопросы и ответы Reangularity 20.05.2025 Каждому разработчику рано или поздно приходится сталкиватся с техническими собеседованиями - этим стрессовым испытанием, где решается судьба карьерного роста и зарплатных ожиданий. В этой статье я. . .	Cython и C (СИ) расширения Python для максимальной производительности py-thonny 20.05.2025 Python невероятно дружелюбен к начинающим и одновременно мощный для профи. Но стоит лишь заикнуться о высокопроизводительных вычислениях — и энтузиазм быстро улетучивается. Да, Питон медлительнее. . .	Безопасное программирование в Java и предотвращение уязвимостей (SQL-инъекции, XSS и др.) Javaican 19.05.2025 Самые распространёные векторы атак на Java-приложения за последний год выглядят как классический "топ-3 хакерских фаворитов": SQL-инъекции (31%), межсайтовый скриптинг или XSS (28%) и CSRF-атаки. . .
Введение в Q# - язык квантовых вычислений от Microsoft EggHead 19.05.2025 Microsoft вошла в гонку технологических гигантов с собственным языком программирования Q#, специально созданным для разработки квантовых алгоритмов. Но прежде чем погружаться в синтаксические дебри. . .	Безопасность Kubernetes с Falco и обнаружение вторжений Mr. Docker 18.05.2025 Переход организаций к микросервисной архитектуре и контейнерным технологиям сопровождается лавинообразным ростом векторов атак — от тривиальных попыток взлома до многоступенчатых кибератак, способных. . .	Аугментация изображений с Python AI_Generated 18.05.2025 Собрать достаточно большой датасет для обучения нейронной сети — та ещё головная боль. Часами вручную размечать картинки, скармливать их ненасытным алгоритмам и молиться, чтобы модель не сдулась при. . .	Исключения в Java: советы, примеры кода и многое другое Javaican 18.05.2025 Исключения — это объекты, созданные когда программа сталкивается с непредвиденной ситуацией: файл не найден, сетевое соединение разорвано, деление на ноль. . . Список можно продолжать до бесконечности. . . .	Как сделать SSO (Single Sign-On) в C# приложении stackOverflow 18.05.2025 SSO — это механизм, позволяющий пользователю пройти аутентификацию один раз и получить доступ к нескольким приложениям без повторного ввода учетных данных. Вы наверняка сталкивались с ним, когда. . .

@Verdan 0 / 0 / 0 Регистрация: 19.10.2014 Сообщений: 8

	Описание картинки при наведении 10.04.2015, 13:11. Показов 908. Ответов 2 Метки нет (Все метки) Извиняюсь если тема заезжена, но чеслово пытался найти решение самостоятельно - не смог. В общем нужно что бы при наведении на картинку открывалось окошко с описанием картинки. На деле это будет, картинка умения из игры, при наведении на него появится маленкькое окошко с названием умения и с его описанием. Ниже прикреплю пример. Сделал такое с помощью css, но там выводится только текст, без форматированного заголовка и не понятно как разбивается на слова, в общем не то что мне нужно. Вот пример: Форум походу прячет ссылки, прикрепил, красной точкой отмечена позиция курсора. Спасибо за ранее. Миниатюры 0

@Lazy_Den 3325 / 2845 / 1423 Регистрация: 15.01.2014 Сообщений: 6,170
	10.04.2015, 13:21
	Verdan, насколько я понял, вам нужен tooltip. В инете масса плагинов. Собственно, по по запросу "plugin tooltip" или аналогичному, вы найдете массу примеров (например, qTip2 или Tooltipster). Так же есть и решение в jQuery UI. 0

@Verdan 0 / 0 / 0 Регистрация: 19.10.2014 Сообщений: 8
	10.04.2015, 13:45 [ТС]
	Lazy_Den спасибо, поищу 0

Опции темы