スマートフォンの特徴的なフィンガーアクションの１つスワイプ。Ext.Carouselクラスを使えば、スワイプでのページ遷移も簡単です。

サンプルを試す

index.js

Ext.setup({
 onReady: function(){
 var myToolbar = new Ext.Toolbar({
      dock: 'top',
      title: 'Ext.Carouselのテスト',
      height: 40
     });
 var myCarousel = new Ext.Carousel({
      direction: 'horizontal',
      ui:'dark',
      items: [
        {html: '
photo A

'},
        {html: '
photo B

'},
        {html: '
photo C

'}
       ]
     });

   var myPanel = new Ext.Panel({
     cls:'cards',
     layout:{
       type: 'vbox',
       align:'stretch'
      },
     defaults:{flex:1},
     fullscreen: true,
     dockedItems:[myToolbar],
     items: [myCarousel]
   });
 }
});