Не нравятся результаты поиска? Попробуйте другой поиск!
DLE FAQ » Все вопросы » Стили (CSS) » Всплывающая подсказка для картинки

Всплывающая подсказка для картинки


     06.07.2014    Стили (CSS), jQuery    1973

вопрос
Здравствуйте. Как бы сделать такое, не могу найти пододящий tooltip, тоесть чтобы в полной новости встявляю картинки на них наводишь и появлялся туултип с картинкой и описанием, и это должно быть под спойлером и действовать на картинки которые внутри него, возможно такое?

Пример:

Всплывающая подсказка для картинки

Ответа пока нет


18 комментариев

Gopr
Юзер

ufh2
Юзер

ufh2 - 6 июля 2014 15:25 -

Gopr,
Спасибо, а как сделать чтобы вместо ссылки, картинка была, ну при наведении на нее а не на ссылку

ufh2
Юзер

ufh2 - 6 июля 2014 15:58 -

Если же прописать так
<a title=" <img src='http://animesfox.ru/logo/logos.png' title="345345">"> <img src='http://animesfox.ru/logo/logos.png' title="435"></a>   Картинка в подсказке появляется но как туда еще и описание прикрутить, да и положение задать подсказке чтоб сверху появлялась? мож есть другие варианты?

ufh2
Юзер

ufh2 - 6 июля 2014 16:07 -

Да и не получается так в полной новости

ufh2
Юзер

ufh2 - 6 июля 2014 17:48 -

Кто поможет?

fh79655l123
Юзер

fh79655l123 - 6 июля 2014 18:42 -

Максимум что я смог сделать...
http://jsfiddle.net/fgG99/76/
Чтобы сверху появлялось я не знаю как сделать

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

ufh2
Юзер

ufh2 - 6 июля 2014 19:05 -

fh79655l123,
В fullstory не работает, вернее в самом тултипе нет картинки ток теги. Вот тут чувак как-то сделал http://anime-rus.ru/online-watch/1762-po-tu-storonu-stekla.html

rocksmart
Юзер

rocksmart - 6 июля 2014 20:34 -

Вот держи http://anime-rus.ru/online-watch/1762-po-tu-storonu-stekla.html сп\исдил


fh79655l123
Юзер

fh79655l123 - 6 июля 2014 20:47 -

rocksmart, ладно css и html, а как ты узнал код скрипта? =)

Проверено в fullstory у меня работает. только надо исправить 300 хотя бы на 10 а то большие отступы со всех сторон.
<div align="left" style="margin:300px;padding: 0 10px;">

ufh2, если не будет работать проверь нет конфликта с другими скриптами

ufh2
Юзер

ufh2 - 6 июля 2014 21:29 -

Всем большое спасибо особенно rocksmart, но как бы сделать так у меня они в каждой новости разные чтоб были?

fh79655l123
Юзер

fh79655l123 - 6 июля 2014 22:14 -

ufh2, Тут уже делай доп. поля и заполняй из при добавление аниме.
Хватит наверное 3 дополнительных полей...
1 - Имя
2 - Фото
3 - Описание

ufh2
Юзер

ufh2 - 6 июля 2014 22:18 -

fh79655l123,
Ну я так и думал, а другого способа нет? хотелось бы не 3 персов добавлять и все

ufh2
Юзер

ufh2 - 6 июля 2014 23:05 -

+ Не дает выводить через доп поля картинки, выкидует на 403 ошибку

fh79655l123
Юзер

fh79655l123 - 7 июля 2014 01:57 -

У меня все нормально [пример]
Я вставлял /uploads/posts/2014-07/[xfvalue_poster-igry]

[xfvalue_poster-igry] - картинка вида 1404672898_magicandmayhemtheartofm.jpg

ufh2
Юзер

ufh2 - 7 июля 2014 02:01 -

Не я понял, просто в чем-то проблема, тоесть картинки к новости выведены у меня через 6 доп полей, в них вставляю все норм, создал для этого туда вставляю не работает, и фиг пойму почему

fh79655l123
Юзер

fh79655l123 - 7 июля 2014 02:01 -

ufh2, Я больше вариантов не вижу только доп. поля.
Если неошибаюсь то так
<div class="character_2"><img alt="[Имя]" src="[Фото]" /><div class="character_3"><img alt="[Имя]" src="[Фото]" />[Описание]<div class="arrow_box"></div></div>

ufh2
Юзер

ufh2 - 7 июля 2014 03:32 -

Так дело в том что в доп поля картинки не вставляются сразу на 403 ошибку кидает

fh79655l123
Юзер

fh79655l123 - 7 июля 2014 11:37 -

ufh2, у меня все нормально работает с доп. полями. Не знаю почему у тебя ошибка 403.

Чтобы комментировать - войдите или зарегистрируйтесь на сайте

Похожие вопросы

наверх