Wie kann ich ein Foto Schieberegler auf dem iPhone Safari mit jQuery?

Ich möchte ein Produkt image-viewer für eine iPhone-version eines E-Commerce-Website, und Sie Verhalten sich so etwas wie die Fotos-app.

Idealerweise würden Sie in der Lage sein zu schieben Bilder hin und her bewegen in der Produkt-Bilder-Galerie.

All dies wird getan werden, in mobile Safari.

Habe ich ein wenig experimentiert mit jqTouch, aber seine nicht Aussehen wie würde diese Idee unterstützen (es hat swipe-Unterstützung, aber es gibt keinen offensichtlichen Weg, um link schieben nach ziehen einer Sicherung).

Irgendein plugin oder der Umsetzung von Ideen? Danke!

Wenn Sie speziell für das iPhone, möchten Sie vielleicht zu schauen, CSS-Animationen statt. Erhalten Sie die hardware-Beschleunigung in diesem Fall und somit die beste Leistung.
Hast du eine Lösung gefunden, Ben? Denken Sie daran, dass es vollkommen okay, um Antworten auf Ihre eigenen Fragen finden Sie hier auf Stack Overflow. 🙂

InformationsquelleAutor Ben | 2009-12-22

  1. 2

    ich brauchte die gleiche, die Lösung war die Verwendung Zyklus und streichen plugins:

    "#gallery" ist ein container, der mit allen img-tags.

    $(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
 });
});

    es funktioniert, aber nicht genau wie Foto-Bibliothek, da die Bilder nicht ziehen zu 50% der Breite vor dem Wechsel. genau wie in crmunro die Lösung, sondern basiert auf jQuery und plugins.

    InformationsquelleAutor Andris Silis

  2. 1

    nicht sicher, ob Sie gelöst haben, aber eine iWebkit ein Benutzer erstellt hat http://worldofsai.com/photos_flick.html - vielleicht könnte man auf der Grundlage, dass?

    danke für den link das ist awsome
    Original-code für die Galerie und tutorial zur Verfügung: mydailyphoto.com/blog/iphone-safari-flick-navigation

    InformationsquelleAutor crmunro

  3. 0

    können Sie überprüfen, diese Beispiel. öffnen Sie Sie in safari auf dem iPhone))) können Sie drehen, verschieben und skalieren Sie Bilder

    Danke, aber ich würde wirklich gerne jQuery verwenden, und ich muss nicht irgendwo in der Nähe, die Art der flexbilität. Ich möchte nur die Bilder zu Blättern Sie nach Links oder rechts.

    InformationsquelleAutor Morion

  4. 0

    Qtouch erhielten ein wichtiges update im Juli.
    Der vollständige source-Paket enthalten jetzt demos für die video-Einbettung und swipeable Bildergalerien.

    Finden Sie den download der r148 unter dieser url:
    http://code.google.com/p/jqextensions/downloads/list

    Funktioniert es sehr gut.

    InformationsquelleAutor sfarinel

Schreibe einen Kommentar