Carousel: Pictures

Hey guys,
I've got a problem with the carousel function. I want to switch between several pictures on one site but I do not know how to do this. Could you please help me?
Thank you

My Code is:

Code:

---

new Ext.application({  launch: function(){
   
    var carousel = Ext.create("Ext.Carousel",{
      flex: 1
    });
   
    var seiten = ["site.html","site2.html","site3.html"];
   
    for(i in seiten) {
      Ext.Ajax.request({
          url: seiten[i],
          success: function(response){
            var seite = Ext.create("Ext.Panel",{
              html: response.responseText
            });
            carousel.add(seite);
          }
      });
    }
   
    Ext.create("Ext.Container",{
      fullscreen: true,
      layout: "vbox",
    });
        carousel
  }
});

---

Instead of this code (I'm sure it was a copy/paste/typo as it's invalid):

Code:

---

    Ext.create("Ext.Container",{
      fullscreen: true,
      layout: "vbox",
    });
        carousel

---

Just do this:

Code:

---

Ext.Viewport.add(carousel);

---