在Android中加載動態圖像離線HTML5應用程序使用Sencha

Question

美好的一天人們。 我陷入了一個奇怪的問題，並在大量的谷歌搜索後，我無法找到解決方案/答案

我正在創建和Sencha + cordova應用程序爲Android。

它只是在循環中顯示10個圖像。 我的代碼在桌面上的Chrome瀏覽器上正常工作。 當我安裝爲APK時，它在Android 4.4.2設備上失敗。 請幫助解決android的代碼。

init: function() { 
      this.callParent(arguments); 
      //console.log('init'); 
      if(Ext.os.name == 'Android') 
       baseurl = baseAndroidUrl; 
      else 
       baseurl = baseDesktopUrl; 

       //alert('baseurl ' + baseurl); 
     } 

    var baseurl; 
    var baseAndroidUrl = 'file:///android_asset/www/resources/resources/images/'; 
    var baseDesktopUrl = '/resources/resources/images/'; 
    var imageArray = 
      ['page00.jpg', 
      'page01.jpg', 
      'page02.jpg', 
      'page03.jpg', 
      'page04.jpg', 
      'page05.jpg', 
      'page06.jpg', 
      'page07.jpg', 
      'page08.jpg', 
      'page09.jpg', 
      'page10.jpg']; 

    var counter = 0; 
    ----------------------------------------------- 
    onPrePageCommand: function() { 

      console.log('onPrePageCommand'); 

      if(counter === 0) 
      return ; 
      counter--; 
      // Folloing dynamic updation doesn't work in android , works perfectly on desktop 
      Ext.getCmp('pageID').setSrc(baseurl+imageArray[counter]); 
        //Ext.getCmp('pageID ').doLayout(); 

     }, 
     onNextPageCommand: function() { 

      console.log('onNextPageCommand'); 
      if(counter === imageArray.length-1) 
      return ; 
      counter++; 
      Ext.getCmp('pageID').setSrc(baseurl+imageArray[counter]); 


     }, 
    ------------------------------------------ 
    //initial view : work perfect for both Desktop browser and APK 
    { 
       xtype: 'image', 
       src:'resources/images/Page00.jpg', 
       id:'pageID', 
       mode:'image' 
       height:'100%', 
       width:'100%' 
      } 
    -------------------------------------------- 

Answer 1

嘗試使用類似http://wowslider.com/的框架，這對我最後一次很好。您也可以用手指滾動圖像（滑動它們）。