센차 터치 회전 목마가 무작위

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"속성이지만 캐 러셀 개체로가는 더 좋은 방법이 있습니다. 그것은 모두 당신이 가지고있는 곳에 달려 있습니다.