2010-07-20 11 views
1

J'ai vu un bel effet de hover de galerie d'image utilisé beaucoup ces derniers temps et je me demande juste si quelqu'un connaît un bon moyen de recréer un tel effet. L'effet est lorsque vous passez la souris sur une image, l'image s'estompe ou une div s'estompe en montrant des liens etc sur l'image.Comment faire fondre l'image de la galerie en survol pour révéler des détails tels que le titre, agrandir, visiter le site, etc?

Il est similaire à celle qui se trouve ici: http://cssnack.com/ et ici: http://designsnack.com/

J'ai créé quelque chose de similaire dans le passé, mais rappelez-vous avoir des ennuis avec l'opacité se fane dans IE. Tous les conseils seraient grands ou même des directions à un bon tutoriel pour un effet similaire.

Merci d'avance pour toute aide.

Répondre

0
+0

Merci pour votre aide balupton êtes! C'est le genre de chose à laquelle je pensais. Je vais regarder de plus près votre exemple dès que possible. Merci encore :) – ade123

+0

Ne pensez pas que vous avez encore l'exemple de travail n'importe où faites-vous? : o) – ade123

+0

Déplacé vers jsFiddle – balupton

0

Vous pouvez utiliser JavaScript et le mettre en boucle avec un décalage temporel et faire glisser la valeur de MyVariable de Transparent à Opaque.

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