Всплывающее меню при наведении.

[7olmen]

ОЧЕНЬ нужен скрипт.
Суть: при наведении на фотографию (в моём случае это демо фото) высвечивается меню (как на сайте http://picfor.me/ ) с ссылкой в категорию и прочей информацией.
Вопрос: где взять скрипт?

[Draft]

<div style="background:url(http://media.picfor.me/00185812/ritesh-romantic-analove-Couples-Love-LovePassion-amor-me-erotica-sexy-Chenis_medium.jpg);width:200;height:150;" onmouseover="$(this).find('.picinfo').css('opacity','0.8');" onmouseout="$(this).find('.picinfo').css('opacity','0');">
<div class="picinfo" onmouseover="$(this).css('opacity','0.8');" style="background:white;padding:5px;opacity:0">
<span style="font-size:12px;font-weight:bold;color:red;">Name</span>
<div style="padding-top:2px;color:black;font-size:11px;">1 час назад</div></div>
</div>

Синее необходимо настроить под себя

[7olmen]

Почти . Осталась проблема, как на бэкграунд поставить ссылку. (то есть что бы была возможность перейти на страницу фотографии).

[Draft]

Код: Выделить всё

<div style="background:url(http://media.picfor.me/00185812/ritesh-romantic-analove-Couples-Love-LovePassion-amor-me-erotica-sexy-Chenis_medium.jpg);width:200;height:150;" onmouseover="$(this).find('.picinfo').css('opacity','0.8');" onmouseout="$(this).find('.picinfo').css('opacity','0');" onclick="document.location.href='http://www.softers.ru/'">
<div class="picinfo" onmouseover="$(this).css('opacity','0.8');" style="background:white;padding:5px;opacity:0">
<span style="font-size:12px;font-weight:bold;color:red;">Name</span>
<div style="padding-top:2px;color:black;font-size:11px;">1 час назад</div></div>
</div>

[7olmen]

Draft ГИГАНТСКОЕ спасибо
Последний вопрос и всё: как можно перенести строку с надписью "1 час назад" в самый низ фотографии. (То есть получается, что строка с надписью "Name" в самом верху, а "1 час назад" в самом низу.

[Youzer]

если высота всех картинок одинаковая, то увеличить значение

Код: Выделить всё

padding-top:2px

опытным путем.

[7olmen]

если высота всех картинок одинаковая, то увеличить значение

Код: Выделить всё

padding-top:2px

опытным путем.

Не работает. При выставлении более 2Px просто растягивает белый бэкграунд по всему поставленному padding. Мне же нужно, чтобы между Name и 1 час была "чистая" фотография.

[Draft]

7olmen,

Код: Выделить всё

<div style="background:url(http://media.picfor.me/00185812/ritesh-romantic-analove-Couples-Love-LovePassion-amor-me-erotica-sexy-Chenis_medium.jpg);width:200;height:150;" onmouseover="$(this).find('.picinfo').css('opacity','0.8');" onmouseout="$(this).find('.picinfo').css('opacity','0');" onclick="document.location.href='http://www.softers.ru/'">
<div class="picinfo" onmouseover="$(this).css('opacity','0.8');" style="background:white;padding:5px;opacity:0">
<span style="font-size:12px;font-weight:bold;color:red;">Name</span></div>
<div class="picinfo" style="background:white;padding:5px;opacity:0; padding-top:2px;color:black;font-size:11px;margin-top:105">1 час назад</div>
</div>

[Smoke]

n1, sps

[7olmen]

Draft, можешь подсказать, как этю менюшку вывести сверху фотографии (а не на ней, как сейчас)?