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

Question

[Сергей]

Добрый день. Собственно вопрос в топике. Почему то по инфе из интернета не удалось ничего сделать. Желательно, чтобы это было как лайтбокс. Т.е. затемнение фона при открытие. Буду благодарен за jsfiddle или codepen :)

Comments

[Андрей Федоров]

При наведении? Бред хотите. Навели, открылась картинка, фон темный. Что дальше делать? Чтобы дальше пользоваться сайтом, посмотреть другие картинки нужно убрать эту. Хорошо, допустим сделаем картинке кнопку закрытия. Но вдруг вы случайно мышкой над ссылкой проведете, картинка откроется ее нужно будет закрывать. Уже вижу как вас будут проклинать пользователи.

[Сергей]

Андрей Федоров: Я понимаю. При наведение, появляется, а если курсор с ссылки убрать, то закрывается)

[Андрей Федоров]

Сергей: картинка с затенением - это слой, который экранирует ссылку от курсора мыши. Вероятно js'сники это могут решить. На html+css такое не сделать.

[Сергей]

Андрей Федоров: Да( на css сам сделал.

Answer 1

[Justin Bieber]

fancybox?

Answer 2

[HamSter]

за 300р сделаю!

Answer 3

[Николай Шипилов]

А чем lightbox плох? Есть еще colorbox на сайте отличный и подробный manual.