Swipeview - bir sonraki öğenin önizlemesini/snippet'ini göster?

Question

iPhone ve Android üzerinde çalışan bir etkin carousel oluşturmak için Swipeview (http://cubiq.org/swipeview) kullanıyorum. Temel özellikler harika çalışıyor.

Sorunum, bir sonraki slayt birincil varsayılanının% 25'ini göstermeye çalıştığımda başlıyor. Buradaki fikir, kullanıcının sonraki slayt/görüntünün 1/4'ünü görebilmesidir, bu da onları bir sonraki slayt/görüntüyü ortaya çıkarmak için görüntüyü kaydırır. İlk görüntü daha sonra hayal kırıklığına uğrar, ikinci görüntü% 100 görünür hale gelir, sola hizalı olur ve 3. görüntü daha sonra 1/4 ile görünür. Ve bunun gibi.

yerine varsayılan 100% arasında 75% bir genişliğe sahip olacak şekilde div.style.cssText (swipeview.js olarak) değişen çalıştılar. Bu, ilk yükleme için çalışır, ancak kaydırdığımda, 2. görüntünün slayt 1'de görülebilen kısmı şimdi 2. slaytta gizlenir.

Göstermek için bir keman yaptım: http://jsfiddle.net/zeqjN/1/ (Chrome'da test et ve görüntüyü sola sürüklemeye çalışın)

Gereksinimlerime uyması için swipeview.js'u nasıl değiştirebilirim?

Answer 1

Bunu yalnızca css ile yapabilirsiniz. Sadece öğeler üzerinde bir ölçek etkisi ekleyin.

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

atın: Böyle http://jsfiddle.net/frapporti/Xt9dM/