jQuery: plein écran “fond” de l'image qui se déplace en fonction de la position de la souris
J'essaie de mettre en place un fond d'écran qui bouge en fonction de la position de la position de la souris.
Ainsi, par exemple, si vous déplacez la souris vers le haut à gauche, la vue sur le port afficher le coin supérieur gauche de l'image et du reste de l'image qu'il peut entrer dans le port de la vue. Dans ce cas, disons - l'écran est de 1280 * 960, mais l'image est de 1800 * 1300.
J'ai vu cela avant, mais je ne me souviens plus où et je ne pense pas que le terme utilisé pour décrire ce que je suis en train de réaliser. Ce n'est pas de parallaxe ou le défilement des images d'arrière-plan...
La recherche d'un plugin jQuery et le début CSS je vais avoir besoin de le remplir.
Merci à la personne qui connaît la réponse et la solution!
cet effet appelé "panoramique" vérifier ce plugin jquery manos.malihu.gr/jquery-image panoramique
Le paradis, si vous les présenter que, en tant que distincte de la réponse je vais faire de vous le gagnant!
OriginalL'auteur hatfieldajoshua | 2012-10-12
Vous devez vous connecter pour publier un commentaire.
Juste si cela a une meilleure réponse.
L'effet est appelé panoramique et vous pouvez utiliser ce plugin pour la réalisation de ce en jQuery:
http://manos.malihu.gr/jquery-image-panning/
C'est aussi la peine de prendre un coup d'oeil à cet exemple juste pour le panoramique de gauche à droite à l'aide d'une image plein écran (c'est à l'aide de CSS couvre donc pas l'idéal pour la croix-navigateur, mais fournit les concepts clés de la souris sur l'effet si vous êtes désireux sur une tâche personnalisée)
http://www.dnitza.com/super-simple-panning-background/
Un autre exemple vivant d'un thème:
http://demo.undsgn.com/egofolio/light/portfolio/double-trouble/
OriginalL'auteur Steve de Niese