4

e コマース サイトの iPhone バージョン用の製品画像ビューアーを作成し、写真アプリのように動作させたいと考えています。

理想的には、画像をスライドさせて製品画像ギャラリー内を前後に移動できるようにします。

これはすべてモバイル Safari で行われます。

jqTouch を少し試してみましたが、このアイデアをサポートしているようには見えません (スワイプはサポートされていますが、スライドを画像のドラッグにリンクする明確な方法はありません)。

プラグインや実装のアイデアはありますか? ありがとう！

4

4 に答える 4

2

同じことが必要でした。解決策は、サイクルとスワイプのプラグインを使用することでした:

「#gallery」は、すべての 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
 });
});

動作しますが、変更前に画像が幅の 50% にドラッグされないため、フォト ライブラリとまったく同じではありません。crmunro のソリューションと同様ですが、jQuery とプラグインに基づいています。

于 2010-08-16T11:03:32.337 に答える
1

これを解決したかどうかはわかりませんが、ユーザーが作成したiWebkit http://worldofsai.com/photos_flick.html-おそらくそれに基づいて作成できますか？

于 2010-01-04T14:33:24.083 に答える
0

この例を確認できます。iPhoneのサファリで開いてください))) 画像を回転、移動、拡大縮小できます

于 2009-12-22T15:14:07.390 に答える
0

Qtouch は 7 月に重要な更新を受け取りました。完全なソース パッケージには、ビデオの埋め込みとスワイプ可能な画像ギャラリーのデモが含まれるようになりました。

r148 のダウンロードは、次の URL で見つけることができます: http://code.google.com/p/jqextensions/downloads/list

それは非常にうまく機能します。

于 2010-10-08T18:40:56.200 に答える