Не могу сделать Popup картинку

[Mavran]

Всем привет дорогие пользователи, проблема заключается в том что я еще не на столько мастер своего дела и прошу помощи у вас, цель моей задачи: у меня есть меню с идентификатором id="popup", и мне нужно при клике на идентификатором фон сайта стал чут темнее и по середине сайта появилась плавно по центру и по клику на картинку картинка плавно закрылась.

[tsigel]

http://bootstrap-ru.com/javascript.php#modals

[Mavran]

http://bootstrap-ru.com/javascript.php#modals

Мне надо через jquery, то что вы дали это не то

[tsigel]

Делаете див с затемнением экрана, в него кладете див с popup. Диву с затемнением display: none. По клику на кнопку показывания попапа диву с затемнением fadeIn.

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