jQuery touch déplaçable sensible scroller/pellicule/carrousel?
Je suis à la recherche d'une touche est activée, déplaçable, responsive jQuery scroller /pellicule /carrousel /slider pour montrer horizontale défilement liste des éléments (par exemple pour les produits en vedette de boutique en ligne, a récemment ajouté des photos de la base de données, etc.).
Il devrait ressembler à une image scroller dans l'App Store d'Apple sur toutes les applications de la page. Je ne veux pas typique d'un curseur avec une grande image vu à un moment donné. Je veux voir les images les unes à côté des autres, où l'utilisateur peut facilement naviguer entre eux.
Par déplaçable je veux dire drag'n'drop pour le défilement de ne pas déplacer les éléments de la liste d'ailleurs. Voir ci-dessous.
Des exigences strictes
- jQuery (ou bibliothèque indépendante)
- réactif (pas de largeur fixe)
- lien et le titre de chaque image
- déplaçable de défilement de travail avec la souris et le doigt - je point glisser, déplacer et supprimer et de la liste mooooove et puis s'arrêter. Tout comme le défilement sur les téléphones intelligents, mais de travail, même avec la souris.
- certaines API qui me permettrait de charger plus d'articles à la fin de la liste est atteinte (pas comme exigence stricte, je suppose que je pourrais vivre sans elle); il pourrait être fait si la barre de défilement détecte lorsque l'utilisateur atteint la fin de la liste, et ainsi de la molette appelle ma fonction pour ajouter plus d'éléments
Agréable d'avoir
- les images peuvent avoir une largeur variable
- automatique - se déplacer d'un point à un autre, ou déplacer lentement pixel par pixel
- set min et max nombre d'éléments visibles
- lorsque l'utilisateur fait défiler la liste est roulant, une barre de défilement s'affiche
Pour commencer, j'ai mis en place FlexSlider 2 carrousel sur mon site. Les gestes de travail, mais les mouvements de la souris/le défilement n'est pas. FlexSlider est un curseur de ne pas scroller :/Sinon, FlexSlider serait gratter mes démangeaisons.
Poster des liens s'il vous plaît, je vais vérifier. Que ce soit une précieuse liste de best jQuery ascenseurs pour les autres webdesigners.
Merci à vous tous!
- jusqu'à présent, je suis tombé sur ceci: codecanyon.net/item/easy-scroll/full_screen_preview/673660
- Je suis en essais iScroll par cubiq.org et il semble que je reste avec elle. C'est assez impressionnant. Il peut faire de barre de défilement horizontale, verticale, fonctionne bien avec la souris et de la touche et est assez personnalisable. Et surtout a une grande communauté de personnes qui l'utilisent.
- la mise en œuvre de la solution basée sur iScroll peut être trouvé ici: lovecpokladu.cz/lovci-historie
Vous devez vous connecter pour publier un commentaire.
Essayer le plugin jquery (jquery.nicescroll.js) .Il support pour les périphériques tactiles aussi.
http://areaaperta.com/nicescroll/
http://code.google.com/p/jquery-nicescroll/downloads/list