煎茶觸摸旋轉木馬隨機

Question

我現在有一個靜態轉盤設置如下：

varPanelTop = new Ext.Carousel({ 
     defaults: { 
      cls: 'homeTop' 
     }, 
     items: [{ 
      html: '<img src="IMAGE ONE" />' 
     }, 
     { 
      html: '<img src="IMAGE TWO" />' 
     }, 
     { 
      html: '<img src="IMAGE THREE" />' 
     }, 
     { 
      html: '<img src="IMAGE FOUR" />' 
}] 
    }); 

不是一個問題一切工作正常，但現在我已經拋出大單，其中「我可以這樣做，所以每次刷新頁面時，html/imgs的順序每次都不相同？

那麼這樣做是可能的，如果是這樣的話？

很多謝謝

Answer 1

這是可能的。有物體像這樣的數組：

var images = [{html:'<img src="i1.jpg" />'},{html:'<img src="i2.jpg" />'},{html:'<img src="i3.jpg" />'},{html:'<img src="i4.jpg" />'}]; 

然後，根據當你告訴轉盤，你將有：

Ext.getCmp('carouselId').items.add(images[Math.floor(Math.random()*images.length)]); 

等您可以檢查是否已經添加的圖像，即所有你需要的是一個隨機數列表，然後將圖像添加到旋轉木馬中。之後致電

Ext.getCmp('carouselId').doLayout(); 

顯示圖像。

請注意，carouselId是傳送帶對象的「id」屬性，但有更好的方法可以到達傳送帶對象。這一切都取決於你擁有它。