Comment puis-je créer une photo curseur sur iPhone Safari avec jQuery?

J'aimerais créer un produit de la visionneuse d'images pour une version iPhone de un site de commerce électronique, et de se comporter quelque chose comme de l'app Photos.

Idéalement, vous serez en mesure de glisser des images en mouvement de va-et-vient dans l'image du produit de la galerie.

Tout cela va être fait dans le navigateur Safari mobile.

J'ai fait un peu d'expérimenter avec jqTouch, mais sa ne regarde pas comme il aurait l'appui de cette idée (il a balayage de soutien, mais il n'y a pas de manière apparente de lien coulissant à glisser une image).

Un plugin ou de la mise en œuvre des idées? Merci!

Si vous êtes en train de construire spécifiquement pour l'iPhone, vous voudrez peut-être chercher dans les animations CSS à la place. Vous obtenez l'accélération matérielle dans ce cas, et donc les meilleures performances.
Avez-vous trouvé une solution, Ben? Rappelez-vous qu'il est parfaitement acceptable de réponses à vos propres questions ici, sur un Débordement de Pile. 🙂

OriginalL'auteur Ben | 2009-12-22

  1. 2

    j'avais besoin de la même, la solution a été d'utiliser cycle et balayez les plugins:

    "#gallery" est un conteneur avec toutes les balises img.

    $(function() {
 $('#gallery').cycle({
  fx: 'scrollHorz',
  timeout: 0,
  next: '',
  prev: '',
  speed: 300,
  nowrap: 0
 });
});
$(function() {
 $('#gallery').swipe({
  swipeLeft: function() { $('#gallery').cycle("next"); },
  swipeRight: function() { $('#gallery').cycle("prev") },
  threshold: {
   x: 15,
   y: 99999
  },
  preventDefaultEvents: false
 });
});

    il fonctionne, mais pas exactement comme les Photos de la bibliothèque, parce que les images ne marche pas, faites-le glisser pour 50% de la largeur avant de changer. tout comme dans crmunro de la solution, mais basé sur jQuery et ses plugins.

    OriginalL'auteur Andris Silis

  2. 1

    ne sais pas si vous avez résolu ce problème, mais une iWebkit un utilisateur a créé http://worldofsai.com/photos_flick.html - peut-être que vous pourriez vous baser sur ça?

    merci pour le lien c'est géniale
    Code d'origine pour que la galerie et le tutoriel: mydailyphoto.com/blog/iphone-safari-flick-navigation

    OriginalL'auteur crmunro

  3. 0

    vous pouvez vérifier cette exemple. l'ouvrir dans safari sur votre iPhone))) vous pouvez faire pivoter, déplacer et l'échelle des images

    Merci, mais je voudrais vraiment utiliser jQuery, et je n'ai pas besoin n'importe où près de ce genre de flexibilité. J'aimerais juste que les images faites glisser vers la gauche ou la droite.

    OriginalL'auteur Morion

  4. 0

    Qtouch a reçu une importante mise à jour de juillet.
    La source de paquet incluent maintenant des démos pour la vidéo intégrant et en swipeable des galeries d'images.

    Vous pouvez trouver le téléchargement de r148 à cette url:
    http://code.google.com/p/jqextensions/downloads/list

    Il fonctionne très bien.

    OriginalL'auteur sfarinel