Égayer images de l'obscurité à la lumière sur le vol stationnaire
Je suis à la recherche d'un script de quelque sorte que l'sélectionner toutes les images sur une page dans un certain div.class, appliquer un noir transparent à l'ombrage, puis fondu sur le vol stationnaire. Personne ne sait d'un système de faire cela? Je ne peux pas vraiment modifier le site lui-même (http://cargocollective.com/maureengriswold) ou j'aurais compris certaines de pacotille moyen de le faire déjà.
OriginalL'auteur Salem | 2012-01-29
Vous devez vous connecter pour publier un commentaire.
En général, vous le faire en mettant un fond noir derrière les images et le jeu de l'opacité des images à une certaine valeur < 1.
Sur votre site, vous devez ajouter le code CSS suivant:
Mise à JOUR:
Si vous souhaitez une animation à la décoloration, vous laissez le
:hover
CSS définition et ajouter le code Javascript suivant les lignes (à l'aide de jQuery 1.4.2 comme déjà utilisés sur votre site):Bien sûr, vous pourriez également originaire les transitions CSS à la place de cet effet (comme suggéré dans Howard répondre), mais vous devez prendre soin des capacités du navigateur.
OriginalL'auteur Julian D.
Pas entièrement sûr de ce que vous entendez par noir transparent à l'ombrage, mais je pense que tu veux dire un effet comme un voile sur elle, et qu'il soulève sur le vol stationnaire et de retour sur les mouseout?
Vous pouvez probablement obtenir cet effet entièrement à l'aide de css. Quelque chose comme ceci:
Vous aurez envie de jouer autour avec exactement le CSS pour obtenir l'effet que vous souhaitez, et aussi vous aurez envie de les tester dans différents navigateurs comme CSS de soutien à la transition n'est pas à 100%.
Vous pouvez en lire plus sur Les Transitions CSS au MDN site de documentation.
-moz-transition
plus, Firefox prend désormais en charge justetransition
, qui travaille également dans Chrome 26+, IE10+ et Opera. Safari et Chrome 25 - si encore besoin-webkit-transition
.OriginalL'auteur Howard
Filtres CSS sont une autre option http://html5-demos.appspot.com/static/css/filters/index.html
OriginalL'auteur dman