Recommandez un carrousel / curseur sensible à jQuery
Je suis à la recherche de prêt jQuery plugin (gratuit ou payé), qui me permettrait de créer "responsive carrousel" avec un écran tactile.
La façon dont il devrait fonctionner est de montrer l'image courante dans le milieu d'un site (défini la largeur et la hauteur de l'image, fixe pour toutes les images, image centrée verticalement, à la hauteur de carrousel/slider ne pas changer avec la largeur du navigateur), et partiellement ou totalement visible à côté de l'image sur la droite, la précédente sur la gauche.
Lorsque le navigateur devient plus grande, de plus en plus de ces "couper" les images seraient perçues, si le navigateur est assez grand, 3 photos n'auraient pas vu entièrement, et le prochain sera cuted sur le droit et la précédente sur la gauche.
Les Images ressemblent à une bande de film, avec une image au milieu, et comme beaucoup d'autres images visibles sur la gauche et la droite, comme la fenêtre du navigateur le permet.
Cette image montre comment ce carrousel doivent se comporter dans diverses navigateur largeurs... plus Sombres, des boîtes, des photos alignées horizontalement, plus léger des boîtes à l'extérieur d'eux montre diffrent fenêtre du navigateur hauteurs:
Pour ceux qui ont des problèmes avec visualing de quoi je parle, les écrans suivants montrent comment il devrait ressembler à la largeur du navigateur windows largeur 1920px, 1800px 1600px et 1400px. Ces sont des plantes d'ensemble du site en remplissant l'intégralité de la largeur du navigateur.
source d'informationauteur Marcin Bobowski
Vous devez vous connecter pour publier un commentaire.
je cherchais quelque chose d'assez similaire depuis quelques jours. mes favoris jusqu'à présent
Royal Curseur
http://dimsemenov.com/plugins/royal-slider/visible-nearby/
ce un a tout. touch, hautement personnalisable, souple de mise en page..vous devriez être en cours d'exécution en un rien de temps. étiquette de prix de 12$.
carouFredSel
également assez puissant, le toucher est pris en charge, mais pas la plus agréable et élégant que le royal curseur n', mais encore une fois, c'est gratuit..ils ont vraiment une belle page de présentation avec différents carrousels basé sur leur plugin..
celui-ci pourrait être de quelque intérêt..
http://coolcarousels.frebsite.nl/c/2/
Vous pouvez utiliser:
Je voudrais utiliser ce un. http://tympanus.net/codrops/2012/03/15/parallax-content-slider-with-css3-and-jquery/ il utilise css3 animations et parce que c'est de la pure css vous pouvez utiliser @media queries pour modifier le css appliqué sur le curseur, comme la taille de l'écran change.
Vous pouvez en savoir plus sur les requêtes de média en regardant ce standard http://www.getskeleton.com/
J'ai récemment cherché quelque chose de semblable à moi et a trouvé l'article suivant: http://www.tripwiremagazine.com/2012/12/jquery-carousel.html
à la recherche sur les exemples donnés dans l'article et sur leurs sites web et de les comparer avec vos besoins, je pense que http://codecanyon.net/item/icarousel/full_screen_preview/2527180 ou http://www.bkosborne.com/jquery-feature-carousel permettrait de suite mieux. Le premier serait vous obliger à l'acheter tu.
Vous devriez jeter un coup d'oeil sur l'article premier. Il est possible que j'ai oublié quelque chose ou que vous trouvez quelque chose d'encore mieux ...
Wowslider peut être utile dans ce cas.. à Vérifier une fois à
http://wowslider.com/jquery-slider-carousel-mac-stack-demo.html
Une solution similaire est également disponible à l'
http://www.smoothdivscroll.com/#quickdemo
Balayez semble assez décent et est réactif. Il est également très souple et prend en charge le balayage sur les mobiles/tablettes.
http://swipejs.com/
Peut-être pas aussi complet que le Royal Curseur, mais c'est gratuit.