1. #1
    Ext User
    Join Date
    May 2008
    Posts
    62
    Vote Rating
    0
    nightowl is on a distinguished road

      0  

    Default extjs carousel ?

    extjs carousel ?


    has anybody seen an extjs carousel, like it exists for YUI ?

    http://developer.yahoo.com/yui/carousel/

  2. #2
    Sencha - Ext JS Dev Team Animal's Avatar
    Join Date
    Mar 2007
    Location
    Notts/Redwood City
    Posts
    30,544
    Vote Rating
    64
    Animal is a jewel in the rough Animal is a jewel in the rough Animal is a jewel in the rough

      0  

  3. #3
    Ext User
    Join Date
    May 2008
    Posts
    62
    Vote Rating
    0
    nightowl is on a distinguished road

      0  

    Default


    Thx man !

  4. #4
    Sencha User
    Join Date
    Sep 2008
    Posts
    83
    Vote Rating
    0
    frankthetank is on a distinguished road

      0  

    Default


    If you need, here is something I did with the tabPanel.

    Code:
    var selectedTab = 0;
    Code:
    new Ext.TabPanel({
                                border:false,
                                id:'tabpanel_nouvelles',
                                activeTab:0,
                                animScroll:true,
                                tabPosition:'top',
                                enableTabScroll: true,
                                items:[
                                    {autoLoad:'getNouvelles.cfm?id=1',title:'1',id:'1',bodyStyle:'text-align:center;'},
                                    {autoLoad:'getNouvelles.cfm?id=2',title:'2',id:'2',bodyStyle:'text-align:center;'},
                                    {autoLoad:'getNouvelles.cfm?id=3',title:'3',id:'3',bodyStyle:'text-align:center;'},
                                    {autoLoad:'getNouvelles.cfm?id=4',title:'4',id:'4',bodyStyle:'text-align:center;'},
                                    {autoLoad:'getNouvelles.cfm?id=5',title:'5',id:'5',bodyStyle:'text-align:center;'}
                                ]
                                ,listeners: {
                                      tabchange : function (panel, tab) {
                                        selectedTab = panel.getActiveTab().id-1;
                                    }
                                }
                            })
    Then I add a task to make it switch automaticly

    Code:
    var task = {
                run: function(){
                    
                    if(selectedTab < 5){
                        selectedTab++;
                        Ext.getCmp('tabpanel_nouvelles').setActiveTab(selectedTab);
                    }else{
                        selectedTab = 0;
                        Ext.getCmp('tabpanel_nouvelles').setActiveTab(selectedTab);
                    }
                },
                interval: 5000
            };
            Ext.TaskMgr.start(task);

  5. #5
    Ext User
    Join Date
    May 2008
    Posts
    62
    Vote Rating
    0
    nightowl is on a distinguished road

      0  

    Default


    Thx for the feedback. I tested this but it's not quite what I'm looking for.

  6. #6
    Sencha User
    Join Date
    Sep 2008
    Posts
    83
    Vote Rating
    0
    frankthetank is on a distinguished road

      0  

    Default


    Here is a screenshot of what it looks like.
    Not quite a carousel UI, more like an automatic tabs changer.
    Attached Images

Thread Participants: 2