При наведении на ссылку появляется картина. Как реализовать?

В css для a:hover задать background картинкой не пробывали?

надо что бы картинка всплывала на подобие Title, над ссылкой и для каждой ссылки картинка была разная, с a:hover так не получается

Для этого задаем класс для ссылки.

http://theezpzway.com/2009/3/17/jquery-plugin-ezpz-tooltip#

Хороший и простой плагин для тултипов.

Flash.UA, спасибо, попробую разобраться с этим

Flash.UA, блин, не могу понять, как сделать, если не сложно, подскажите пожалуйста, как их подключить...

я файлы скриптов подключил в хедере

<script type="text/javascript" src="tool/jquery.ezpz_tooltip.js"></script>

<script type="text/javascript" src="tool/jquery.ezpz_tooltip.min.js"></script>

в боди

<span id="example-target-1">Hover over me</span>

<div id="example-content-1">Tooltip content</div>

не работает, а как еще можно?

дибильный вопрос, но буду очень благодарен если подскажете, чет голова вообще не соображает....

нет ну подскажите кто нибудь с этим плагином, я уже все бошку сломал, ну честное слово, я не понимаю по английски так чтобы нормально прочитать че у него там в инструкциях, в скрипах вообще нету упоминания example-target-1, сделал как написал выше нихрена не работает. пожалуйстааа...😮

а еще проще - если сайт на DLE стоит, то модуль перелинковки. задаешь в админке модуля фильтрацию на анкор в контенте, ему (анкору) присваивается ссылка и картинка.

результат - налаживается ссылка на анкор и появляется картинка пр наведении

юрии22, нет, сайт не DLE, MODx, поэтому подойдет любое решение на html и скриптах, понять бы только как реализовать. Вот то что посоветовал Flash.UA по сути очень хорошее решение, но увы не хватает у меня чтоб его поставить. В скриптах я не разбираюсь, поэтмоу не могу код править. А примеры на том сайте видимо не из кода :\\

<script type="text/javascript" src="tool/jquery.ezpz_tooltip.js"></script>
<script type="text/javascript" src="tool/jquery.ezpz_tooltip.min.js"></script>

Тут достаточно одного из двух, это одинаковый код, но второй просто минифицирован для уменьшения веса. и конечно же, подключать надо jQuery скрипт, выше плагина.

Не работает потому что, скорее всего вы, не инициализирвали скрипт. Я говорю о

<script>
$(document).ready(function(){
  $("#example-target-1").ezpz_tooltip();
});
</script>

Вот демки, а ниже я протестировал:

http://jsfiddle.net/jnafx/