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

Подгрузка картинки при наведении на ссылку


     25.07.2014    Общие вопросы по вёрстке, Шаблоны (TPL), Стили (CSS)    1584

вопрос
Как реализовать подгрузку (показ) картинки из полной либо короткой новости при наведении мыши на ссылку, которая ведёт на эту же новость, {full-link}?

Ответил: Sander


Использовать любой подходящий скрипт тултипов, который позволяет отображать картинку во всплывающем окне.
Адрес картинки выводится тегом
{image-1}

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

follor
1

243 | 10

follor - 25 июля 2014 10:16 - Юзер

SANDER, как раз про этот скрипт и спрашиваю, может что то посоветуете или порекомендуете? про адрес картинки всё ясно.

FastFud
50

1599 | 588

FastFud - 25 июля 2014 11:12 - Юзер


follor
1

243 | 10

follor - 25 июля 2014 11:23 - Юзер

Да, так, спасибо большое.

websot
2

61 | 10

websot - 26 июля 2014 08:43 - Юзер

Можно конечно и сделать картинку с выводом небольшого описания))

sidorivan
12

sidorivan - 14 февраля 2016 15:13 - Юзер

Привет, кто поможет реализовать вот так в короткой новости, дело в том что у меня типо торрента, и на главной реализовано ссылками, охота чтобы при наведении вылазил постер.
Постер у меня в доп поле, но не на сервере, а ссылкой, добавляется например так:
[img=left]http://i73.fastpic.ru/big/2016/0213/e3/ae5821c25858d2682f7c72be94e107e3.jpg[/img]

Пробовал по разному, что то не догоняю!
Помогите за плату. Буду благодарен!

Мой шортстори:

<table width="100%" class="sh1"><tr><td align="left" ><a href="/engine/download.php?id={torrent_id}"><img src="{THEME}/images/d.gif" alt="D"></a>
<a href="{torrent_magnet}"><img src="{THEME}/images/m.png" alt="M"></a>
[full-link]{title}[/full-link]</td>
<td align="right" >

<table border="1" width="400px" id="ourtable">
  <tr class="odd"><td width="95px">[day-news]{date}[/day-news]</td><td width="55px">| <img src="{THEME}/images/arrowup.gif" alt="S"></img> {torrent_m_seeders}</td><td width="55px">| <img src="{THEME}/images/arrowdown.gif" alt="S"></img> {torrent_m_leechers}</td><td width="78px">| {torrent_size}</td><td width="50px">| <img src="{THEME}/images/com.gif" alt="C"></img>{comments-num}</td><td width="50px">| <img src="{THEME}/images/eye.png" alt="Y"></img>{views}</td></tr>
</table>
</td></tr></table>


Вот сайт где надо реализовать!

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

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