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

Question

В последнее время я видел довольно часто используемый эффект наведения галереи изображений, и мне просто интересно, знает ли кто-нибудь о хорошем способе воссоздания такого эффекта.Эффект возникает, когда вы наводите курсор мыши на изображение, изображение исчезает или div исчезает, показывая ссылки и т. Д. Поверх изображения.

Это похоже на изображение, найденное здесь: http://cssnack.com/ и здесь: http://designsnack.com/

В прошлом я создавал нечто подобное, но помните, что у меня были проблемы с затуханием прозрачности в IE.Любые советы будут отличными или даже указаниями к хорошему учебнику для подобного эффекта.

Заранее спасибо за любую помощь.

Answer 1

Вот, пожалуйста, http://jsfiddle.net/balupton/FZG3v/

Answer 2

Вы можете использовать JavaScript и поместить его в цикл с задержкой по времени и сдвинуть значение MyVariable с прозрачного на непрозрачный.

document.getElementById("MyImage").style.MozOpacity=MyVariable