11

私はSwipeview( http://cubiq.org/swipeviewcarousel ) を使用して、iPhone と Android で動作するタッチ対応を作成しています。基本はうまく機能します。

私の問題は、次のスライド pr のデフォルトの 25% を表示しようとしたときに始まります。アイデアは、ユーザーが次のスライド/画像の 1/4 を見ることができるということです。これにより、ユーザーは画像をスライドさせて次のスライド/画像を表示する必要があります。最初の画像が消え、2 番目の画像が 100% 表示され、左に配置され、3 番目の画像が 1/4 で表示されます。等々。

div.style.cssText(in swipeview.js) の幅を75%デフォルトの ではなく に変更しようとしました100%。これは初期ロードでは機能しますが、スクロールすると、スライド 1 に表示されていた 2 番目の画像の一部がスライド 2 で非表示になります。

デモンストレーションのためにフィドルを作成しました:http://jsfiddle.net/zeqjN/1/(Chromeでテストして、画像を左にドラッグしてみてください)

swipeview.jsニーズに合わせて変更する方法についてのアイデアはありますか?

4

1 に答える 1

0

これは css だけで実現できます。アイテムにスケール効果を追加するだけです。

.scroller .scroll-item { float: left; -webkit-transform: scale3d(1.1,1.1,1.1) }

チェックアウト: http://jsfiddle.net/frapporti/Xt9dM/

于 2014-05-21T21:14:02.633 に答える