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

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


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

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

Пример:

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

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


Комментарии пользователей (18)

Gopr
10

494 | 164

Gopr - 6 июля 2014 15:05 - Юзер


ufh2
175 | 3

ufh2 - 6 июля 2014 15:25 - Юзер

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

ufh2
175 | 3

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
175 | 3

ufh2 - 6 июля 2014 16:07 - Юзер

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

ufh2
175 | 3

ufh2 - 6 июля 2014 17:48 - Юзер

Кто поможет?

fh79655l123
11

206 | 25

fh79655l123 - 6 июля 2014 18:42 - Юзер

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

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

ufh2
175 | 3

ufh2 - 6 июля 2014 19:05 - Юзер

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

rocksmart
64

307 | 115

rocksmart - 6 июля 2014 20:34 - Юзер

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


fh79655l123
11

206 | 25

fh79655l123 - 6 июля 2014 20:47 - Юзер

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

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

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

ufh2
175 | 3

ufh2 - 6 июля 2014 21:29 - Юзер

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

fh79655l123
11

206 | 25

fh79655l123 - 6 июля 2014 22:14 - Юзер

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

ufh2
175 | 3

ufh2 - 6 июля 2014 22:18 - Юзер

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

ufh2
175 | 3

ufh2 - 6 июля 2014 23:05 - Юзер

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

fh79655l123
11

206 | 25

fh79655l123 - 7 июля 2014 01:57 - Юзер

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

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

ufh2
175 | 3

ufh2 - 7 июля 2014 02:01 - Юзер

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

fh79655l123
11

206 | 25

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
175 | 3

ufh2 - 7 июля 2014 03:32 - Юзер

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

fh79655l123
11

206 | 25

fh79655l123 - 7 июля 2014 11:37 - Юзер

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

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

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