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

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


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

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

Ответил: Sander


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

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

follor
Юзер

follor - 25 июля 2014 10:16 -

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

FastFud
Юзер

FastFud - 25 июля 2014 11:12 -


follor
Юзер

follor - 25 июля 2014 11:23 -

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

websot
Юзер

websot - 26 июля 2014 08:43 -

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

sidorivan
Юзер

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>


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

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

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

наверх