Les forums de JeuxVideo.com
-
ParaPlayGeek
- Posté le
3 février 2012 à 14:53:17
-
Salut à tous,
J'ai un petit problème avec une intégration. En fait, j'ai des champs de recherche, ou de formulaire, qui sont totalement transparent, c'est une image en arrière plan qui construit l'effet de l'input. Problème, le commanditaire souhaite avoir un effet de zoom sur le champs en focus, ce que j'ai réussi à faire avec la function css de jQuery
Code 
http://pastebin.com/dQ1J0VDe
Visuel non focus http://s4.noelshack.com/uploads/images/3669779535345_capture_dacran_20120203__144806.png
Visuel focus http://s4.noelshack.com/uploads/images/510146060292_capture_dacran_20120203__144835.png
Seulement, avec la fonction CSS de jQuery, on passe d'un état à l'autre, sans l'effet de zoom, et la fonction Animate de jQuery on ne peux pas jouer sur le background (qui est une image différente).
Vous auriez une idée de comment je peux faire mon histoire pour voir l'effet de zoom ?
Merci d'avance,
ParaPlayGeek
- Lien permanent
-
ParaPlayGeek
- Posté le
5 février 2012 à 23:08:30
-
Personne n'a de solution pour mon problème
?
- Lien permanent
-
deepblue
- Posté le
6 février 2012 à 13:46:31
-
Tu n'utilises pas une image de fond mais une balise img. Cette image est placée derrière ton input invisible à l'oeil mais bien sûr utilisable. Quand l'input à le focus, tu fais ton changement de taille sur l'image (<img> je rappel) en animant le truc comme tu veux.
- Lien permanent
Sujet : « [JS] Zoom sur un champ de recherche img »
Ajouter ce forum à mes forums préférés
